1 line
5.6 KiB
JSON
1 line
5.6 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/SideComponent.jsx\",\n _s = $RefreshSig$();\nimport { useState } from 'react';\nimport NavComponent from \"./side/NavComponent\";\nimport Panel1Component from \"./side/Panel1Component\";\nimport Panel3Component from \"./side/Panel3Component\";\nimport Panel6Component from \"./side/Panel6Component\";\nimport Panel9Component from \"./side/Panel9Component\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nexport default function SideComponent() {\n _s();\n const [isOpen, setIsOpen] = useState(true);\n const handleToggle = () => {\n setIsOpen(prev => !prev);\n };\n\n // 패널\n const [activeKey, setActiveKey] = useState('gnb1'); // 초기: 선박\n\n const renderPanel = () => {\n switch (activeKey) {\n case 'gnb1':\n return /*#__PURE__*/_jsxDEV(Panel1Component, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 20,\n columnNumber: 29\n }, this);\n case 'gnb3':\n return /*#__PURE__*/_jsxDEV(Panel3Component, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 21,\n columnNumber: 29\n }, this);\n case 'gnb6':\n return /*#__PURE__*/_jsxDEV(Panel6Component, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 22,\n columnNumber: 29\n }, this);\n case 'gnb9':\n return /*#__PURE__*/_jsxDEV(Panel9Component, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 23,\n columnNumber: 29\n }, this);\n default:\n return null;\n }\n };\n return /*#__PURE__*/_jsxDEV(\"section\", {\n id: \"sidePanel\",\n children: [/*#__PURE__*/_jsxDEV(NavComponent, {\n activeKey: activeKey,\n onChange: setActiveKey\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 31,\n columnNumber: 13\n }, this), renderPanel()]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 30,\n columnNumber: 9\n }, this);\n}\n_s(SideComponent, \"//hqg5MvUgOdSOQVUhIKCY52BrE=\");\n_c = SideComponent;\nvar _c;\n$RefreshReg$(_c, \"SideComponent\");","map":{"version":3,"names":["useState","NavComponent","Panel1Component","Panel3Component","Panel6Component","Panel9Component","jsxDEV","_jsxDEV","SideComponent","_s","isOpen","setIsOpen","handleToggle","prev","activeKey","setActiveKey","renderPanel","fileName","_jsxFileName","lineNumber","columnNumber","id","children","onChange","_c","$RefreshReg$"],"sources":["/Users/laurynj/Desktop/해양경찰업 공공사업/@GIS_함정용/GIS_함정용_리액트/dark/src/component/wrap/SideComponent.jsx"],"sourcesContent":["import { useState } from 'react';\nimport NavComponent from \"./side/NavComponent\";\nimport Panel1Component from \"./side/Panel1Component\";\nimport Panel3Component from \"./side/Panel3Component\";\nimport Panel6Component from \"./side/Panel6Component\";\nimport Panel9Component from \"./side/Panel9Component\";\n\nexport default function SideComponent() {\n const [isOpen, setIsOpen] = useState(true);\n\n const handleToggle = () => {\n setIsOpen(prev => !prev);\n };\n\n // 패널\n const [activeKey, setActiveKey] = useState('gnb1'); // 초기: 선박\n\n const renderPanel = () => {\n switch (activeKey) {\n case 'gnb1': return <Panel1Component />;\n case 'gnb3': return <Panel3Component />;\n case 'gnb6': return <Panel6Component />;\n case 'gnb9': return <Panel9Component />;\n default: return null;\n }\n
|