1 line
4.2 KiB
JSON
1 line
4.2 KiB
JSON
{"ast":null,"code":"var _jsxFileName = \"/Users/laurynj/Desktop/\\u1112\\u1162\\u110B\\u1163\\u11BC\\u1100\\u1167\\u11BC\\u110E\\u1161\\u11AF\\u110B\\u1165\\u11B8 \\u1100\\u1169\\u11BC\\u1100\\u1169\\u11BC\\u1109\\u1161\\u110B\\u1165\\u11B8/@GIS_\\u1112\\u1161\\u11B7\\u110C\\u1165\\u11BC\\u110B\\u116D\\u11BC/GIS_\\u1112\\u1161\\u11B7\\u110C\\u1165\\u11BC\\u110B\\u116D\\u11BC_\\u1105\\u1175\\u110B\\u1162\\u11A8\\u1110\\u1173/dark/src/component/common/FileUpload.jsx\",\n _s = $RefreshSig$();\nimport { useState } from 'react';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nfunction FileUpload({\n label = \"파일 선택\",\n onFileChange\n}) {\n _s();\n const [fileName, setFileName] = useState(label);\n const handleChange = e => {\n if (e.target.files.length > 0) {\n setFileName(e.target.files[0].name);\n if (onFileChange) onFileChange(e.target.files);\n } else {\n setFileName(label);\n }\n };\n return /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"fileWrap\",\n children: [/*#__PURE__*/_jsxDEV(\"input\", {\n type: \"file\",\n id: `fileInput-${label}` // 여러 컴포넌트 동시 사용 가능\n ,\n className: \"fileInput\",\n onChange: handleChange\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 18,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(\"label\", {\n htmlFor: `fileInput-${label}`,\n className: \"fileLabel\",\n children: fileName\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 24,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 17,\n columnNumber: 5\n }, this);\n}\n_s(FileUpload, \"7aW49JM0D9f3VIYZFXsBvimLCPE=\");\n_c = FileUpload;\nexport default FileUpload;\nvar _c;\n$RefreshReg$(_c, \"FileUpload\");","map":{"version":3,"names":["useState","jsxDEV","_jsxDEV","FileUpload","label","onFileChange","_s","fileName","setFileName","handleChange","e","target","files","length","name","className","children","type","id","onChange","_jsxFileName","lineNumber","columnNumber","htmlFor","_c","$RefreshReg$"],"sources":["/Users/laurynj/Desktop/해양경찰업 공공사업/@GIS_함정용/GIS_함정용_리액트/dark/src/component/common/FileUpload.jsx"],"sourcesContent":["\nimport { useState } from 'react';\n\nfunction FileUpload({ label = \"파일 선택\", onFileChange }) {\n const [fileName, setFileName] = useState(label);\n\n const handleChange = (e) => {\n if (e.target.files.length > 0) {\n setFileName(e.target.files[0].name);\n if (onFileChange) onFileChange(e.target.files);\n } else {\n setFileName(label);\n }\n };\n\n return (\n <div className=\"fileWrap\">\n <input\n type=\"file\"\n id={`fileInput-${label}`} // 여러 컴포넌트 동시 사용 가능\n className=\"fileInput\"\n onChange={handleChange}\n />\n <label htmlFor={`fileInput-${label}`} className=\"fileLabel\">\n {fileName}\n </label>\n </div>\n );\n}\n\nexport default FileUpload;\n"],"mappings":";;AACA,SAASA,QAAQ,QAAQ,OAAO;AAAC,SAAAC,MAAA,IAAAC,OAAA;AAEjC,SAASC,UAAUA,CAAC;EAAEC,KAAK,GAAG,OAAO;EAAEC;AAAa,CAAC,EAAE;EAAAC,EAAA;EACrD,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGR,QAAQ,CAACI,KAAK,CAAC;EAE/C,MAAMK,YAAY,GAAIC,CAAC,IAAK;IAC1B,IAAIA,CAAC,CAACC,MAAM,CAACC,KAAK,CAACC,MAAM,GAAG,CAAC,EAAE;MAC7BL,WAAW,CAACE,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC,CAAC,CAAC,CAACE,IAAI,CAAC;MACnC,IAAIT,YAAY,EAAEA,YAAY,CAACK,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC;IAChD,CAAC,MAAM;MACLJ,WAAW,CAACJ,KAAK,CAAC;IACpB;EACF,CAAC;EAED,oBACEF,OAAA;IAAKa,SAAS,EAAC,UAAU;IAAAC,QAAA,gBACvBd,OAAA;MACEe,IAAI,EAAC,MAAM;MACXC,EAAE,EAAE,aAAad,KAAK,EAAG,CAAC;MAAA;MAC1BW,SAAS,EAAC,WAAW;MACrBI,QAAQ,EAAEV;IAAa;MAAAF,QAAA,EAAAa,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OACxB,CAAC,eACFpB,OAAA;MAAOqB,OAAO,EAAE,aAAanB,KAAK,EAAG;MAACW,SAAS,EAAC,WAAW;MAAAC,QAAA,EACxDT;IAAQ;MAAAA,QAAA,EAAAa,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OACJ,CAAC;EAAA;IAAAf,QAAA,EAAAa,YAAA;IAAAC,UAAA;IAAAC,YAAA;EAAA,OACL,CAAC;AAEV;AAAChB,EAAA,CAzBQH,UAAU;AAAAqB,EAAA,GAAVrB,UAAU;AA2BnB,eAAeA,UAAU;AAAC,IAAAqB,EAAA;AAAAC,YAAA,CAAAD,EAAA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]} |