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(
|