1 line
7.3 KiB
JSON
1 line
7.3 KiB
JSON
{"ast":null,"code":"import _objectSpread from\"/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/node_modules/@babel/runtime/helpers/esm/objectSpread2.js\";import{useState}from'react';import NavComponent from\"./side/NavComponent\";import Panel1Component from\"./side/Panel1Component\";import Panel2Component from\"./side/Panel2Component\";import Panel3Component from\"./side/Panel3Component\";import Panel4Component from\"./side/Panel4Component\";import Panel5Component from\"./side/Panel5Component\";import Panel6Component from\"./side/Panel6Component\";import Panel7Component from\"./side/Panel7Component\";import Panel8Component from\"./side/Panel8Component\";import FilterComponent from\"./side/FilterComponent\";import LayerComponent from\"./side/LayerComponent\";import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";export default function SideComponent(){const[isOpen,setIsOpen]=useState(true);const[activeKey,setActiveKey]=useState('gnb1');/** 패널 열고/닫기 */const handleToggle=()=>{setIsOpen(prev=>!prev);};/** 메뉴 클릭 시 패널은 항상 열린 상태 */const handleChangePanel=key=>{setActiveKey(key);setIsOpen(true);};const renderPanel=()=>{const panelProps={isOpen,onToggle:handleToggle};switch(activeKey){case'gnb1':return/*#__PURE__*/_jsx(Panel1Component,_objectSpread({},panelProps));case'gnb2':return/*#__PURE__*/_jsx(Panel2Component,_objectSpread({},panelProps));case'gnb3':return/*#__PURE__*/_jsx(Panel3Component,_objectSpread({},panelProps));case'gnb4':return/*#__PURE__*/_jsx(Panel4Component,_objectSpread({},panelProps));case'gnb5':return/*#__PURE__*/_jsx(Panel5Component,_objectSpread({},panelProps));case'gnb6':return/*#__PURE__*/_jsx(Panel6Component,_objectSpread({},panelProps));case'gnb7':return/*#__PURE__*/_jsx(Panel7Component,_objectSpread({},panelProps));case'gnb8':return/*#__PURE__*/_jsx(Panel8Component,_objectSpread({},panelProps));case'side1':return/*#__PURE__*/_jsx(FilterComponent,_objectSpread({},panelProps));case'side2':return/*#__PURE__*/_jsx(LayerComponent,_objectSpread({},panelProps));default:return null;}};return/*#__PURE__*/_jsxs(\"section\",{id:\"sidePanel\",children:[/*#__PURE__*/_jsx(NavComponent,{activeKey:activeKey,onChange:handleChangePanel}),renderPanel()]});}","map":{"version":3,"names":["useState","NavComponent","Panel1Component","Panel2Component","Panel3Component","Panel4Component","Panel5Component","Panel6Component","Panel7Component","Panel8Component","FilterComponent","LayerComponent","jsx","_jsx","jsxs","_jsxs","SideComponent","isOpen","setIsOpen","activeKey","setActiveKey","handleToggle","prev","handleChangePanel","key","renderPanel","panelProps","onToggle","_objectSpread","id","children","onChange"],"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 Panel2Component from \"./side/Panel2Component\";\nimport Panel3Component from \"./side/Panel3Component\";\nimport Panel4Component from \"./side/Panel4Component\";\nimport Panel5Component from \"./side/Panel5Component\";\nimport Panel6Component from \"./side/Panel6Component\";\nimport Panel7Component from \"./side/Panel7Component\";\nimport Panel8Component from \"./side/Panel8Component\";\nimport FilterComponent from \"./side/FilterComponent\";\nimport LayerComponent from \"./side/LayerComponent\";\n\nexport default function SideComponent() {\n const [isOpen, setIsOpen] = useState(true);\n const [activeKey, setActiveKey] = useState('gnb1');\n\n /** 패널 열고/닫기 */\n const handleToggle = () => {\n setIsOpen(prev => !prev);\n };\n\n /** 메뉴 클릭 시 패널은 항상 열린 상태 */\n const handleChangePanel = (key) => {\n setActiveKey(key);\n setIsOpen(true);\n };\n\n const renderPanel = () => {\n const panelProps = {\n isOpen,\n onToggle: handleToggle,\n };\n\n switch (activeKey) {\n case 'gnb1': return <Panel1Component {...panelProps} />;\n case 'gnb2': return <Panel2Component {...panelProps} />;\n case 'gnb3': return <Panel3Component {...panelProps} />;\n case 'gnb4': return <Panel4Component {...panelProps} />;\n case 'gnb5': return <Panel5Component {...panelProps} />;\n case 'gnb6': return <Panel6Component {...panelProps} />;\n case 'gnb7': return <Panel7Component {...panelProps} />;\n case 'gnb8': return <Panel8Component {...panelProps} />;\n case 'side1': return <FilterComponent {...panelProps} />;\n case 'side2': return <LayerComponent {...panelProps} />;\n default: return null;\n }\n };\n return(\n <section id=\"sidePanel\">\n <NavComponent\n activeKey={activeKey}\n onChange={handleChangePanel}\n />\n {renderPanel()}\n </section>\n )\n}"],"mappings":"0aAAA,OAASA,QAAQ,KAAQ,OAAO,CAChC,MAAO,CAAAC,YAAY,KAAM,qBAAqB,CAC9C,MAAO,CAAAC,eAAe,KAAM,wBAAwB,CACpD,MAAO,CAAAC,eAAe,KAAM,wBAAwB,CACpD,MAAO,CAAAC,eAAe,KAAM,wBAAwB,CACpD,MAAO,CAAAC,eAAe,KAAM,wBAAwB,CACpD,MAAO,CAAAC,eAAe,KAAM,wBAAwB,CACpD,MAAO,CAAAC,eAAe,KAAM,wBAAwB,CACpD,MAAO,CAAAC,eAAe,KAAM,wBAAwB,CACpD,MAAO,CAAAC,eAAe,KAAM,wBAAwB,CACpD,MAAO,CAAAC,eAAe,KAAM,wBAAwB,CACpD,MAAO,CAAAC,cAAc,KAAM,uBAAuB,CAAC,OAAAC,GAAA,IAAAC,IAAA,CAAAC,IAAA,IAAAC,KAAA,yBAEnD,cAAe,SAAS,CAAAC,aAAaA,CAAA,CAAG,CACpC,KAAM,CAACC,MAAM,CAAEC,SAAS,CAAC,CAAGlB,QAAQ,CAAC,IAAI,CAAC,CAC1C,KAAM,CAACmB,SAAS,CAAEC,YAAY,CAAC,CAAGpB,QAAQ,CAAC,MAAM,CAAC,CAElD,eACA,KAAM,CAAAqB,YAAY,CAAGA,CAAA,GAAM,CAC3BH,SAAS,CAACI,IAAI,EAAI,CAACA,IAAI,CAAC,CACxB,CAAC,CAED,2BACA,KAAM,CAAAC,iBAAiB,CAAIC,GAAG,EAAK,CACnCJ,YAAY,CAACI,GAAG,CAAC,CACjBN,SAAS,CAAC,IAAI,CAAC,CACf,CAAC,CAED,KAAM,CAAAO,WAAW,CAAGA,CAAA,GAAM,CAC1B,KAAM,CAAAC,UAAU,CAAG,CACfT,MAAM,CACNU,QAAQ,CAAEN,YACd,CAAC,CAED,OAAQF,SAAS,EACb,IAAK,MAAM,CAAE,mBAAON,IAAA,CAACX,eAAe,CAAA0B,aAAA,IAAKF,UAAU,CAAG,CAAC,CACvD,IAAK,MAAM,CAAE,mBAAOb,IAAA,CAACV,eAAe,CAAAyB,aAAA,IAAKF,UAAU,CAAG,CAAC,CACvD,IAAK,MAAM,CAAE,mBAAOb,IAAA,CAACT,eAAe,CAAAwB,aAAA,IAAKF,UAAU,CAAG,CAAC,CACvD,IAAK,MAAM,CAAE,mBAAOb,IAAA,CAACR,eAAe,CAAAuB,aAAA,IAAKF,UAAU,CAAG,CAAC,CACvD,IAAK,MAAM,CAAE,mBAAOb,IAAA,CAACP,eAAe,CAAAsB,aAAA,IAAKF,UAAU,CAAG,CAAC,CACvD,IAAK,MAAM,CAAE,mBAAOb,IAAA,CAACN,eAAe,CAAAqB,aAAA,IAAKF,UAAU,CAAG,CAAC,CACvD,IAAK,MAAM,CAAE,mBAAOb,IAAA,CAACL,eAAe,CAAAoB,aAAA,IAAKF,UAAU,CAAG,CAAC,CACvD,IAAK,MAAM,CAAE,mBAAOb,IAAA,CAACJ,eAAe,CAAAmB,aAAA,IAAKF,UAAU,CAAG,CAAC,CACvD,IAAK,OAAO,CAAE,mBAAOb,IAAA,CAACH,eAAe,CAAAkB,aAAA,IAAKF,UAAU,CAAG,CAAC,CACxD,IAAK,OAAO,CAAE,mBAAOb,IAAA,CAACF,cAAc,CAAAiB,aAAA,IAAKF,UAAU,CAAG,CAAC,CACvD,QAAS,MAAO,KAAI,CACxB,CACA,CAAC,CACD,mBACIX,KAAA,YAASc,EAAE,CAAC,WAAW,CAAAC,QAAA,eACnBjB,IAAA,CAACZ,YAAY,EACTkB,SAAS,CAAEA,SAAU,CACrBY,QAAQ,CAAER,iBAAkB,CAC/B,CAAC,CACDE,WAAW,CAAC,CAAC,EACT,CAAC,CAElB","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]} |