1 line
4.0 KiB
JSON
1 line
4.0 KiB
JSON
|
{"ast":null,"code":"import React,{useState}from'react';import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";export default function FileUpload(_ref){let{label=\"파일 선택\",inputId,maxLength=25,placeholder=\"선택된 파일 없음\"}=_ref;const[fileName,setFileName]=useState('');// 중간 생략 함수\nconst truncateMiddle=(str,maxLen)=>{if(!str)return'';if(str.length<=maxLen)return str;const keep=Math.floor((maxLen-3)/2);return str.slice(0,keep)+'...'+str.slice(str.length-keep);};const handleChange=e=>{var _e$target$files$;const name=((_e$target$files$=e.target.files[0])===null||_e$target$files$===void 0?void 0:_e$target$files$.name)||'';setFileName(name);};return/*#__PURE__*/_jsxs(\"div\",{className:\"fileWrap\",children:[/*#__PURE__*/_jsx(\"input\",{type:\"file\",id:inputId,className:\"fileInput\",onChange:handleChange}),/*#__PURE__*/_jsx(\"label\",{htmlFor:inputId,className:\"fileLabel\",children:label}),/*#__PURE__*/_jsx(\"span\",{className:\"fileName\",children:fileName?truncateMiddle(fileName,maxLength):placeholder})]});}","map":{"version":3,"names":["React","useState","jsx","_jsx","jsxs","_jsxs","FileUpload","_ref","label","inputId","maxLength","placeholder","fileName","setFileName","truncateMiddle","str","maxLen","length","keep","Math","floor","slice","handleChange","e","_e$target$files$","name","target","files","className","children","type","id","onChange","htmlFor"],"sources":["/Users/laurynj/Desktop/해양경찰업 공공사업/@GIS_함정용/GIS_함정용_리액트/dark/src/component/common/FileUpload.jsx"],"sourcesContent":["import React, { useState } from 'react';\n\nexport default function FileUpload({ label = \"파일 선택\", inputId, maxLength = 25, placeholder = \"선택된 파일 없음\" }) {\n const [fileName, setFileName] = useState('');\n\n // 중간 생략 함수\n const truncateMiddle = (str, maxLen) => {\n if (!str) return '';\n if (str.length <= maxLen) return str;\n const keep = Math.floor((maxLen - 3) / 2);\n return str.slice(0, keep) + '...' + str.slice(str.length - keep);\n };\n\n const handleChange = (e) => {\n const name = e.target.files[0]?.name || '';\n setFileName(name);\n };\n\n return (\n <div className=\"fileWrap\">\n <input\n type=\"file\"\n id={inputId}\n className=\"fileInput\"\n onChange={handleChange}\n />\n <label htmlFor={inputId} className=\"fileLabel\">\n {label}\n </label>\n <span className=\"fileName\">\n {fileName ? truncateMiddle(fileName, maxLength) : placeholder}\n </span>\n </div>\n );\n}\n"],"mappings":"AAAA,MAAO,CAAAA,KAAK,EAAIC,QAAQ,KAAQ,OAAO,CAAC,OAAAC,GAAA,IAAAC,IAAA,CAAAC,IAAA,IAAAC,KAAA,yBAExC,cAAe,SAAS,CAAAC,UAAUA,CAAAC,IAAA,CAA0E,IAAzE,CAAEC,KAAK,CAAG,OAAO,CAAEC,OAAO,CAAEC,SAAS,CAAG,EAAE,CAAEC,WAAW,CAAG,WAAY,CAAC,CAAAJ,IAAA,CACxG,KAAM,CAACK,QAAQ,CAAEC,WAAW,CAAC,CAAGZ,QAAQ,CAAC,EAAE,CAAC,CAE5C;AACA,KAAM,CAAAa,cAAc,CAAGA,CAACC,GAAG,CAAEC,MAAM,GAAK,CACtC,GAAI,CAACD,GAAG,CAAE,MAAO,EAAE,CACnB,GAAIA,GAAG,CAACE,MAAM,EAAID,MAAM,CAAE,MAAO,CAAAD,GAAG,CACpC,KAAM,CAAAG,IAAI,CAAGC,IAAI,CAACC,KAAK,CAAC,CAACJ,MAAM,CAAG,CAAC,EAAI,CAAC,CAAC,CACzC,MAAO,CAAAD,GAAG,CAACM,KAAK,CAAC,CAAC,CAAEH,IAAI,CAAC,CAAG,KAAK,CAAGH,GAAG,CAACM,KAAK,CAACN,GAAG,CAACE,MAAM,CAAGC,IAAI,CAAC,CAClE,CAAC,CAED,KAAM,CAAAI,YAAY,CAAIC,CAAC,EAAK,KAAAC,gBAAA,CAC1B,KAAM,CAAAC,IAAI,CAAG,EAAAD,gBAAA,CAAAD,CAAC,CAACG,MAAM,CAACC,KAAK,CAAC,CAAC,CAAC,UAAAH,gBAAA,iBAAjBA,gBAAA,CAAmBC,IAAI,GAAI,EAAE,CAC1CZ,WAAW,CAACY,IAAI,CAAC,CACnB,CAAC,CAED,mBACEpB,KAAA,QAAKuB,SAAS,CAAC,UAAU,CAAAC,QAAA,eACvB1B,IAAA,UACE2B,IAAI,CAAC,MAAM,CACXC,EAAE,CAAEtB,OAAQ,CACZmB,SAAS,CAAC,WAAW,CACrBI,QAAQ,CAAEV,YAAa,CACxB,CAAC,cACFnB,IAAA,UAAO8B,OAAO,CAAExB,OAAQ,CAACmB,SAAS,CAAC,WAAW,CAAAC,QAAA,CAC3CrB,KAAK,CACD,CAAC,cACRL,IAAA,SAAMyB,SAAS,CAAC,UAAU,CAAAC,QAAA,CACvBjB,QAAQ,CAAGE,cAAc,CAACF,QAAQ,CAAEF,SAAS,CAAC,CAAGC,WAAW,CACzD,CAAC,EACJ,CAAC,CAEV","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
|