{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"C:\\\\Users\\\\kkwan_000\\\\Desktop\\\\git\\\\2017110269\\\\minsung\\\\src\\\\component\\\\tikzForm.js\";\nimport React, { Flagment } from 'react';\nimport { Drawer, Input, Button, Menu, Form, Col, Row, AutoComplete, Tooltip, Select } from 'antd';\nimport { UploadOutlined, RetweetOutlined } from '@ant-design/icons';\nimport 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';\nimport { PanZoom } from 'react-easy-panzoom';\nimport { InputNumber } from 'antd';\nimport { IFrame } from './iframe';\nimport './tikzForm.css';\nconst {\n  TextArea\n} = Input;\nconst {\n  Option\n} = Select;\n\nconst TikzForm = ({\n  svg,\n  onClickEvent,\n  onChangeTikz,\n  onFinish,\n  onChangeQno,\n  onClickQno,\n  tikzcode,\n  fields,\n  qno,\n  onChangeTypeSol,\n  onChangeTypeQue\n}) => {\n  //svg\n  //onclickevent : Tikz 변환하기 Button의 onClick Event\n  //onChangeTikz : TextArea 컴포넌트의 onChange event\n  //onFinish : Form data를 제출하기 위한 event\n  //onSaveEvent : Tikz 등록하기의 버튼 event\n  console.log(fields);\n  return /*#__PURE__*/_jsxDEV(Form, {\n    onFinish: onFinish,\n    fields: [...fields],\n    children: [/*#__PURE__*/_jsxDEV(Form.Item, {\n      name: \"qno\",\n      label: \"\\uBB38\\uC81C \\uBC88\\uD638\",\n      rules: [{\n        required: true,\n        message: '문항번호를 입력해 주세요.'\n      }],\n      children: /*#__PURE__*/_jsxDEV(Row, {\n        children: [/*#__PURE__*/_jsxDEV(Col, {\n          children: /*#__PURE__*/_jsxDEV(InputNumber, {\n            min: 0,\n            max: 10000,\n            value: qno,\n            onChange: onChangeQno\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 35,\n            columnNumber: 13\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 34,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(Col, {\n          children: /*#__PURE__*/_jsxDEV(Button, {\n            onClick: onClickQno,\n            children: \"\\uBC88\\uD638 \\uD655\\uC778\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 43,\n            columnNumber: 13\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 42,\n          columnNumber: 11\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 33,\n        columnNumber: 14\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 25,\n      columnNumber: 1\n    }, this), /*#__PURE__*/_jsxDEV(Form.Item, {\n      name: \"typeSol\",\n      label: \"\\uBB38\\uC81C \\uD0C0\\uC785\",\n      wrapperCol: {\n        span: 2\n      },\n      rules: [{\n        required: true,\n        message: '문제 타입을 선택해 주세요.'\n      }],\n      children: /*#__PURE__*/_jsxDEV(Select, {\n        onChange: onChangeTypeSol,\n        children: [/*#__PURE__*/_jsxDEV(Option, {\n          value: \"\\uC624\\uC9C0\\uC120\\uB2E4\\uD615\",\n          children: \"\\uC624\\uC9C0\\uC120\\uB2E4\\uD615\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 59,\n          columnNumber: 14\n        }, this), /*#__PURE__*/_jsxDEV(Option, {\n          value: \"\\uB2E8\\uB2F5\\uD615\",\n          children: \"\\uB2E8\\uB2F5\\uD615\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 60,\n          columnNumber: 14\n        }, this), /*#__PURE__*/_jsxDEV(Option, {\n          value: \"\\uACC4\\uC0B0\\uC2DD\",\n          children: \"\\uACC4\\uC0B0\\uC2DD\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 61,\n          columnNumber: 14\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 58,\n        columnNumber: 11\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 48,\n      columnNumber: 4\n    }, this), /*#__PURE__*/_jsxDEV(Form.Item, {\n      name: \"typeQue\",\n      label: \"\\uBB38\\uC81C/\\uD480\\uC774 \\uAD6C\\uBD84\",\n      rules: [{\n        required: true,\n        message: '문제/풀이 구분을 선택해 주세요.'\n      }],\n      wrapperCol: {\n        span: 2\n      },\n      children: /*#__PURE__*/_jsxDEV(Select, {\n        onChange: onChangeTypeQue,\n        children: [/*#__PURE__*/_jsxDEV(Option, {\n          value: \"\\uBB38\\uC81C\",\n          children: \"\\uBB38\\uC81C\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 77,\n          columnNumber: 7\n        }, this), /*#__PURE__*/_jsxDEV(Option, {\n          value: \"\\uD480\\uC774\",\n          children: \"\\uD480\\uC774\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 78,\n          columnNumber: 7\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 76,\n        columnNumber: 6\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 65,\n      columnNumber: 4\n    }, this), /*#__PURE__*/_jsxDEV(Row, {\n      justify: \"space-between\",\n      align: \"middle\",\n      children: [/*#__PURE__*/_jsxDEV(Col, {\n        span: 11,\n        children: /*#__PURE__*/_jsxDEV(Form.Item, {\n          name: \"tikzCode\",\n          rules: [{\n            required: true,\n            message: 'tikz 코드를 입력해 주세요.'\n          }],\n          initialValue: tikzcode,\n          children: /*#__PURE__*/_jsxDEV(TextArea, {\n            style: {\n              width: '44vw',\n              height: '70vh'\n            },\n            onChange: onChangeTikz\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 87,\n            columnNumber: 7\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 86,\n          columnNumber: 5\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 85,\n        columnNumber: 5\n      }, this), /*#__PURE__*/_jsxDEV(Col, {\n        span: 2,\n        style: {\n          textAlign: 'center'\n        },\n        children: /*#__PURE__*/_jsxDEV(Tooltip, {\n          title: 'tikz 미리보기',\n          children: /*#__PURE__*/_jsxDEV(Button, {\n            type: \"ghost\",\n            icon: /*#__PURE__*/_jsxDEV(RetweetOutlined, {}, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 96,\n              columnNumber: 34\n            }, this),\n            onClick: onClickEvent\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 96,\n            columnNumber: 7\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 95,\n          columnNumber: 6\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 94,\n        columnNumber: 5\n      }, this), /*#__PURE__*/_jsxDEV(Col, {\n        span: 11,\n        children: /*#__PURE__*/_jsxDEV(IFrame, {\n          style: {\n            width: '44vw',\n            height: '70vh',\n            marginTop: '-15px',\n            border: '1px solid #d9d9d9'\n          },\n          children: /*#__PURE__*/_jsxDEV(PanZoom, {\n            style: {\n              display: 'block',\n              outline: 'none',\n              width: '44vw',\n              height: '70vh',\n              margin: '0px'\n            },\n            children: /*#__PURE__*/_jsxDEV(\"div\", {\n              dangerouslySetInnerHTML: {\n                __html: svg\n              }\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 116,\n              columnNumber: 7\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 108,\n            columnNumber: 6\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 101,\n          columnNumber: 5\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 100,\n        columnNumber: 5\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 84,\n      columnNumber: 4\n    }, this), /*#__PURE__*/_jsxDEV(Form.Item, {\n      children: /*#__PURE__*/_jsxDEV(Button, {\n        type: \"primary\",\n        htmlType: \"submit\",\n        children: \"\\uC800\\uC7A5\\uD558\\uAE30\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 122,\n        columnNumber: 3\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 121,\n      columnNumber: 2\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 23,\n    columnNumber: 2\n  }, this);\n};\n\n_c = TikzForm;\nexport default TikzForm;\n\nvar _c;\n\n$RefreshReg$(_c, \"TikzForm\");","map":{"version":3,"sources":["C:/Users/kkwan_000/Desktop/git/2017110269/minsung/src/component/tikzForm.js"],"names":["React","Flagment","Drawer","Input","Button","Menu","Form","Col","Row","AutoComplete","Tooltip","Select","UploadOutlined","RetweetOutlined","PanZoom","InputNumber","IFrame","TextArea","Option","TikzForm","svg","onClickEvent","onChangeTikz","onFinish","onChangeQno","onClickQno","tikzcode","fields","qno","onChangeTypeSol","onChangeTypeQue","console","log","required","message","span","width","height","textAlign","marginTop","border","display","outline","margin","__html"],"mappings":"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","sourcesContent":["import React,{Flagment} from 'react';\r\nimport { Drawer, Input, Button, Menu, Form, Col, Row, AutoComplete, Tooltip, Select } from 'antd';\r\nimport { UploadOutlined, RetweetOutlined } from '@ant-design/icons';\r\nimport 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';\r\nimport { PanZoom } from 'react-easy-panzoom';\r\nimport { InputNumber } from 'antd';\r\nimport { IFrame } from './iframe';\r\nimport './tikzForm.css';\r\nconst { TextArea } = Input;\r\nconst {Option} = Select;\r\n\r\nconst TikzForm = ({ svg, onClickEvent, onChangeTikz, onFinish, onChangeQno, onClickQno, tikzcode, fields, qno, onChangeTypeSol,onChangeTypeQue}) => {\r\n\t//svg\r\n\t//onclickevent : Tikz 변환하기 Button의 onClick Event\r\n\t//onChangeTikz : TextArea 컴포넌트의 onChange event\r\n\t//onFinish : Form data를 제출하기 위한 event\r\n\t//onSaveEvent : Tikz 등록하기의 버튼 event\r\n\r\nconsole.log(fields);\r\n\r\n\treturn (\r\n\r\n\t<Form  onFinish={onFinish}  fields={[...fields]}>\r\n\r\n<Form.Item\r\n          name=\"qno\"\r\n          label=\"문제 번호\"\r\n          rules={[\r\n            {\r\n              required: true,\r\n              message: '문항번호를 입력해 주세요.',\r\n            },\r\n          ]}><Row>\r\n          <Col>\r\n            <InputNumber\r\n              min={0}\r\n\t\t\t  max={10000}\r\n\t\t\t  value={qno}\r\n              onChange={onChangeQno}>\r\n            </InputNumber>\r\n          </Col>\r\n          <Col>\r\n            <Button onClick={onClickQno}>번호 확인</Button>\r\n          </Col>\r\n        </Row>\r\n        </Form.Item>\r\n\t\t\t\r\n\t\t\t<Form.Item\r\n\t\t\t\tname=\"typeSol\"\r\n\t\t\t\tlabel=\"문제 타입\"\r\n\t\t\twrapperCol={{span: 2 }}\r\n\t\t\t\trules={[\r\n\t\t\t\t\t{\r\n\t\t\t\t\trequired: true,\r\n\t\t\t\t\tmessage: '문제 타입을 선택해 주세요.',\r\n\t\t\t\t\t},\r\n\t\t\t\t]}>\r\n          <Select onChange={onChangeTypeSol}>\r\n             <Option value=\"오지선다형\">오지선다형</Option>\r\n             <Option value=\"단답형\">단답형</Option>\r\n             <Option value=\"계산식\">계산식</Option>\r\n          </Select>\r\n        </Form.Item>\r\n\t\t\r\n\t\t\t<Form.Item\r\n\t\t\t\tname=\"typeQue\"\r\n\t\t\t\tlabel=\"문제/풀이 구분\"\r\n\t\t\t\trules={[\r\n\t\t\t\t\t{\r\n\t\t\t\t\trequired: true,\r\n\t\t\t\t\tmessage: '문제/풀이 구분을 선택해 주세요.',\r\n\t\t\t\t\t},\r\n\t\t\t\t]}\r\n\t\t\t\twrapperCol={{span: 2 }}\r\n\t\t\t\t>\r\n\t\t\t\t\t<Select onChange={onChangeTypeQue}>\r\n\t\t\t\t\t\t<Option value=\"문제\">문제</Option>\r\n\t\t\t\t\t\t<Option value=\"풀이\">풀이</Option>\r\n\t\t\t\t\t</Select>\r\n     \t   </Form.Item>\r\n\r\n\r\n\t\r\n\t\t\t<Row justify=\"space-between\" align=\"middle\">\r\n\t\t\t\t<Col span={11}>\r\n\t\t\t\t<Form.Item name=\"tikzCode\" rules={[{ required: true, message: 'tikz 코드를 입력해 주세요.' }]} initialValue={tikzcode}>\r\n\t\t\t\t\t\t<TextArea\r\n\t\t\t\t\t\t\tstyle={{ width: '44vw', height: '70vh' }}\r\n\t\t\t\t\t\t\tonChange={onChangeTikz}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t</Form.Item>\r\n\t\t\t\t</Col>\r\n\t\t\t\t\r\n\t\t\t\t<Col span={2} style={{textAlign:'center'}} >\r\n\t\t\t\t\t<Tooltip title={'tikz 미리보기'}>\r\n\t\t\t\t\t\t<Button type=\"ghost\" icon={<RetweetOutlined />} onClick={onClickEvent}></Button>\r\n\t\t\t\t\t</Tooltip>\r\n\t\t\t\t</Col>\r\n\r\n\t\t\t\t<Col span={11} >\r\n\t\t\t\t<IFrame\r\n\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\twidth: '44vw',\r\n\t\t\t\t\t\theight: '70vh',\r\n\t\t\t\t\t\tmarginTop: '-15px',\r\n\t\t\t\t\t\tborder: '1px solid #d9d9d9',\r\n\t\t\t\t\t\t}}>\r\n\t\t\t\t\t<PanZoom\r\n\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\tdisplay: 'block',\r\n\t\t\t\t\t\t\toutline: 'none',\r\n\t\t\t\t\t\t\twidth: '44vw',\r\n\t\t\t\t\t\t\theight: '70vh',\r\n\t\t\t\t\t\t\tmargin: '0px',\r\n\t\t\t\t\t\t}}>\r\n\t\t\t\t\t\t<div dangerouslySetInnerHTML={{ __html: svg }} />\r\n\t\t\t\t\t</PanZoom>\r\n\t\t\t\t</IFrame>\r\n\t\t\t</Col>\r\n\t\t\t</Row>\r\n\t<Form.Item>\r\n\t\t<Button type=\"primary\" htmlType=\"submit\">\r\n\t\t\t저장하기\r\n\t\t</Button>\r\n\t</Form.Item>\r\n\t</Form>\r\n\t);\r\n};\r\n\r\nexport default TikzForm;\r\n"]},"metadata":{},"sourceType":"module"}