1 line
6.1 KiB
JSON
1 line
6.1 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/wrap/side/OpacitySlider.jsx\",\n _s = $RefreshSig$();\nimport { useRef, useState, useEffect } from 'react';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nexport default function Slider({\n value = 100,\n onChange\n}) {\n _s();\n const barRef = useRef(null);\n const [percent, setPercent] = useState(value);\n const update = x => {\n const rect = barRef.current.getBoundingClientRect();\n let v = (x - rect.left) / rect.width * 100;\n v = Math.max(0, Math.min(100, v));\n setPercent(v);\n onChange === null || onChange === void 0 ? void 0 : onChange(Math.round(v));\n };\n const onDown = e => {\n update(e.clientX);\n const move = ev => update(ev.clientX);\n const up = () => {\n document.removeEventListener('mousemove', move);\n document.removeEventListener('mouseup', up);\n };\n document.addEventListener('mousemove', move);\n document.addEventListener('mouseup', up);\n };\n useEffect(() => setPercent(value), [value]);\n return /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"sliderControl\",\n children: /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"sliderBar\",\n ref: barRef,\n onMouseDown: onDown,\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"sliderBarFill\",\n style: {\n width: `${percent}%`\n }\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 33,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"sliderHandle\",\n style: {\n left: `${percent}%`\n }\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 34,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 32,\n columnNumber: 7\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 31,\n columnNumber: 5\n }, this);\n}\n_s(Slider, \"gKsbcJwyynS5+DCnv5hknSFWp3Y=\");\n_c = Slider;\nvar _c;\n$RefreshReg$(_c, \"Slider\");","map":{"version":3,"names":["useRef","useState","useEffect","jsxDEV","_jsxDEV","Slider","value","onChange","_s","barRef","percent","setPercent","update","x","rect","current","getBoundingClientRect","v","left","width","Math","max","min","round","onDown","e","clientX","move","ev","up","document","removeEventListener","addEventListener","className","children","ref","onMouseDown","style","fileName","_jsxFileName","lineNumber","columnNumber","_c","$RefreshReg$"],"sources":["/Users/laurynj/Desktop/해양경찰업 공공사업/@GIS_함정용/GIS_함정용_리액트/dark/src/component/wrap/side/OpacitySlider.jsx"],"sourcesContent":["import { useRef, useState, useEffect } from 'react';\n\nexport default function Slider({ value = 100, onChange }) {\n const barRef = useRef(null);\n const [percent, setPercent] = useState(value);\n\n const update = (x) => {\n const rect = barRef.current.getBoundingClientRect();\n let v = ((x - rect.left) / rect.width) * 100;\n v = Math.max(0, Math.min(100, v));\n setPercent(v);\n onChange?.(Math.round(v));\n };\n\n const onDown = (e) => {\n update(e.clientX);\n\n const move = (ev) => update(ev.clientX);\n const up = () => {\n document.removeEventListener('mousemove', move);\n document.removeEventListener('mouseup', up);\n };\n\n document.addEventListener('mousemove', move);\n document.addEventListener('mouseup', up);\n };\n\n useEffect(() => setPercent(value), [value]);\n\n return (\n <div className=\"sliderControl\">\n <div className=\"sliderBar\" ref={barRef} onMouseDown={onDown}>\n <div className=\"sliderBarFill\" style={{ width: `${percent}%` }} />\n <div className=\"sliderHandle\" style={{ left: `${percent}%` }} />\n </div>\n </div>\n );\n}\n"],"mappings":";;AAAA,SAASA,MAAM,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAAC,SAAAC,MAAA,IAAAC,OAAA;AAEpD,eAAe,SAASC,MAAMA,CAAC;EAAEC,KAAK,GAAG,GAAG;EAAEC;AAAS,CAAC,EAAE;EAAAC,EAAA;EACxD,MAAMC,MAAM,GAAGT,MAAM,CAAC,IAAI,CAAC;EAC3B,MAAM,CAACU,OAAO,EAAEC,UAAU,CAAC,GAAGV,QAAQ,CAACK,KAAK,CAAC;EAE7C,MAAMM,MAAM,GAAIC,CAAC,IAAK;IACpB,MAAMC,IAAI,GAAGL,MAAM,CAACM,OAAO,CAACC,qBAAqB,CAAC,CAAC;IACnD,IAAIC,CAAC,GAAI,CAACJ,CAAC,GAAGC,IAAI,CAACI,IAAI,IAAIJ,IAAI,CAACK,KAAK,GAAI,GAAG;IAC5CF,CAAC,GAAGG,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAAC,GAAG,EAAEL,CAAC,CAAC,CAAC;IACjCN,UAAU,CAACM,CAAC,CAAC;IACbV,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGa,IAAI,CAACG,KAAK,CAACN,CAAC,CAAC,CAAC;EAC3B,CAAC;EAED,MAAMO,MAAM,GAAIC,CAAC,IAAK;IACpBb,MAAM,CAACa,CAAC,CAACC,OAAO,CAAC;IAEjB,MAAMC,IAAI,GAAIC,EAAE,IAAKhB,MAAM,CAACgB,EAAE,CAACF,OAAO,CAAC;IACvC,MAAMG,EAAE,GAAGA,CAAA,KAAM;MACfC,QAAQ,CAACC,mBAAmB,CAAC,WAAW,EAAEJ,IAAI,CAAC;MAC/CG,QAAQ,CAACC,mBAAmB,CAAC,SAAS,EAAEF,EAAE,CAAC;IAC7C,CAAC;IAEDC,QAAQ,CAACE,gBAAgB,CAAC,WAAW,EAAEL,IAAI,CAAC;IAC5CG,QAAQ,CAACE,gBAAgB,CAAC,SAAS,EAAEH,EAAE,CAAC;EAC1C,CAAC;EAED3B,SAAS,CAAC,MAAMS,UAAU,CAACL,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAE3C,oBACEF,OAAA;IAAK6B,SAAS,EAAC,eAAe;IAAAC,QAAA,eAC5B9B,OAAA;MAAK6B,SAAS,EAAC,WAAW;MAACE,GAAG,EAAE1B,MAAO;MAAC2B,WAAW,EAAEZ,MAAO;MAAAU,QAAA,gBAC1D9B,OAAA;QAAK6B,SAAS,EAAC,eAAe;QAACI,KAAK,EAAE;UAAElB,KAAK,EAAE,GAAGT,OAAO;QAAI;MAAE;QAAA4B,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAAE,CAAC,eAClErC,OAAA;QAAK6B,SAAS,EAAC,cAAc;QAACI,KAAK,EAAE;UAAEnB,IAAI,EAAE,GAAGR,OAAO;QAAI;MAAE;QAAA4B,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAAE,CAAC;IAAA;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAC7D;EAAC;IAAAH,QAAA,EAAAC,YAAA;IAAAC,UAAA;IAAAC,YAAA;EAAA,OACH,CAAC;AAEV;AAACjC,EAAA,CAnCuBH,MAAM;AAAAqC,EAAA,GAANrC,MAAM;AAAA,IAAAqC,EAAA;AAAAC,YAAA,CAAAD,EAAA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]} |