1 line
2.6 KiB
JSON
1 line
2.6 KiB
JSON
{"ast":null,"code":"import{useState}from\"react\";import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";function Slider(_ref){let{label=\"\",min=0,max=100,defaultValue=50}=_ref;const[value,setValue]=useState(defaultValue);const percent=(value-min)/(max-min)*100;return/*#__PURE__*/_jsxs(\"label\",{className:\"rangeWrap\",children:[/*#__PURE__*/_jsx(\"span\",{className:\"rangeLabel\",children:label}),/*#__PURE__*/_jsx(\"input\",{type:\"range\",min:min,max:max,value:value,onChange:e=>setValue(Number(e.target.value)),style:{\"--percent\":\"\".concat(percent,\"%\")},\"aria-label\":label})]});}export default Slider;","map":{"version":3,"names":["useState","jsx","_jsx","jsxs","_jsxs","Slider","_ref","label","min","max","defaultValue","value","setValue","percent","className","children","type","onChange","e","Number","target","style","concat"],"sources":["/Users/laurynj/Desktop/해양경찰업 공공사업/@GIS_함정용/GIS_함정용_리액트/dark/src/component/common/Slider.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nfunction Slider({ label = \"\", min = 0, max = 100, defaultValue = 50 }) {\n const [value, setValue] = useState(defaultValue);\n\n const percent = ((value - min) / (max - min)) * 100;\n\n return (\n <label className=\"rangeWrap\">\n <span className=\"rangeLabel\">{label}</span>\n <input\n type=\"range\"\n min={min}\n max={max}\n value={value}\n onChange={(e) => setValue(Number(e.target.value))}\n style={{ \"--percent\": `${percent}%` }}\n aria-label={label}\n />\n </label>\n );\n}\n\nexport default Slider;\n"],"mappings":"AAAA,OAASA,QAAQ,KAAQ,OAAO,CAAC,OAAAC,GAAA,IAAAC,IAAA,CAAAC,IAAA,IAAAC,KAAA,yBAEjC,QAAS,CAAAC,MAAMA,CAAAC,IAAA,CAAwD,IAAvD,CAAEC,KAAK,CAAG,EAAE,CAAEC,GAAG,CAAG,CAAC,CAAEC,GAAG,CAAG,GAAG,CAAEC,YAAY,CAAG,EAAG,CAAC,CAAAJ,IAAA,CACnE,KAAM,CAACK,KAAK,CAAEC,QAAQ,CAAC,CAAGZ,QAAQ,CAACU,YAAY,CAAC,CAEhD,KAAM,CAAAG,OAAO,CAAI,CAACF,KAAK,CAAGH,GAAG,GAAKC,GAAG,CAAGD,GAAG,CAAC,CAAI,GAAG,CAEnD,mBACEJ,KAAA,UAAOU,SAAS,CAAC,WAAW,CAAAC,QAAA,eAC1Bb,IAAA,SAAMY,SAAS,CAAC,YAAY,CAAAC,QAAA,CAAER,KAAK,CAAO,CAAC,cAC3CL,IAAA,UACEc,IAAI,CAAC,OAAO,CACZR,GAAG,CAAEA,GAAI,CACTC,GAAG,CAAEA,GAAI,CACTE,KAAK,CAAEA,KAAM,CACbM,QAAQ,CAAGC,CAAC,EAAKN,QAAQ,CAACO,MAAM,CAACD,CAAC,CAACE,MAAM,CAACT,KAAK,CAAC,CAAE,CAClDU,KAAK,CAAE,CAAE,WAAW,IAAAC,MAAA,CAAKT,OAAO,KAAI,CAAE,CACtC,aAAYN,KAAM,CACnB,CAAC,EACG,CAAC,CAEZ,CAEA,cAAe,CAAAF,MAAM","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]} |