1 line
11 KiB
JSON
1 line
11 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/NavComponent.jsx\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nexport default function NavComponent({\n activeKey,\n onChange\n}) {\n const gnbList = [{\n key: 'gnb1',\n class: 'gnb1',\n label: '선박'\n }, {\n key: 'gnb2',\n class: 'gnb2',\n label: '위성'\n }, {\n key: 'gnb3',\n class: 'gnb3',\n label: '기상'\n }, {\n key: 'gnb4',\n class: 'gnb4',\n label: '분석'\n }, {\n key: 'gnb5',\n class: 'gnb5',\n label: '타임라인'\n }, {\n key: 'gnb6',\n class: 'gnb6',\n label: '챗봇'\n }, {\n key: 'gnb7',\n class: 'gnb7',\n label: '리플레이'\n }, {\n key: 'gnb8',\n class: 'gnb8',\n label: '항적조회'\n }];\n const sideList = [{\n key: 'side1',\n class: 'side1',\n label: '필터'\n }, {\n key: 'side2',\n class: 'side2',\n label: '레이어'\n }];\n return /*#__PURE__*/_jsxDEV(\"nav\", {\n id: \"nav\",\n children: [/*#__PURE__*/_jsxDEV(\"ul\", {\n className: \"gnb\",\n children: gnbList.map(item => /*#__PURE__*/_jsxDEV(\"li\", {\n children: /*#__PURE__*/_jsxDEV(\"button\", {\n type: \"button\",\n className: `${item.class} ${activeKey === item.key ? 'active' : ''}`,\n onClick: () => onChange(item.key),\n \"aria-label\": item.label,\n children: /*#__PURE__*/_jsxDEV(\"span\", {\n className: \"blind\",\n children: item.label\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 30,\n columnNumber: 21\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 24,\n columnNumber: 21\n }, this)\n }, item.key, false, {\n fileName: _jsxFileName,\n lineNumber: 23,\n columnNumber: 17\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 21,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"ul\", {\n className: \"side\",\n children: sideList.map(item => /*#__PURE__*/_jsxDEV(\"li\", {\n children: /*#__PURE__*/_jsxDEV(\"button\", {\n type: \"button\",\n className: `${item.class} ${activeKey === item.key ? 'active' : ''}`,\n onClick: () => onChange(item.key),\n \"aria-label\": item.label,\n children: /*#__PURE__*/_jsxDEV(\"span\", {\n className: \"blind\",\n children: item.label\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 45,\n columnNumber: 21\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 39,\n columnNumber: 21\n }, this)\n }, item.key, false, {\n fileName: _jsxFileName,\n lineNumber: 38,\n columnNumber: 17\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 36,\n columnNumber: 13\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 19,\n columnNumber: 9\n }, this);\n}\n_c = NavComponent;\n{/* <ul className=\"gnb\">\n <li><button type=\"button\" className=\"gnb1 active\" title=\"선박\"></button></li>\n <li><button type=\"button\" className=\"gnb2\" title=\"위성\"><span className=\"blind\">위성</span></button></li>\n <li><button type=\"button\" className=\"gnb3\" title=\"기상\"><span className=\"blind\">기상</span></button></li>\n <li><button type=\"button\" className=\"gnb4\" title=\"분석\"><span className=\"blind\">분석</span></button></li>\n <li><button type=\"button\" className=\"gnb5\" title=\"타임라인\"><span className=\"blind\">타임라인</span></button></li>\n <li><button type=\"button\" className=\"gnb6\" title=\"챗봇\"><span className=\"blind\">챗봇</span></button></li>\n <li><button type=\"button\" className=\"gnb7\" title=\"리플레이\"><span className=\"blind\">리플레이</span></button></li>\n <li><button type=\"button\" className=\"gnb8\" title=\"항적조회\"><span className=\"blind\">항적조회</span></button></li>\n </ul>\n <ul className=\"side\">\n <li><button type=\"button\" className=\"side1\" title=\"필터\"><span className=\"blind\">필터</span></button></li>\n <li><button type=\"button\" className=\"side2\" title=\"레이어\"><span className=\"blind\">레이어</span></button></li>\n </ul> */}\nvar _c;\n$RefreshReg$(_c, \"NavComponent\");","map":{"version":3,"names":["NavComponent","activeKey","onChange","gnbList","key","class","label","sideList","_jsxDEV","id","children","className","map","item","type","onClick","fileName","_jsxFileName","lineNumber","columnNumber","_c","$RefreshReg$"],"sources":["/Users/laurynj/Desktop/해양경찰업 공공사업/@GIS_함정용/GIS_함정용_리액트/dark/src/component/wrap/side/NavComponent.jsx"],"sourcesContent":["export default function NavComponent({ activeKey, onChange }) {\n const gnbList = [\n { key: 'gnb1', class: 'gnb1', label: '선박' },\n { key: 'gnb2', class: 'gnb2', label: '위성' },\n { key: 'gnb3', class: 'gnb3', label: '기상' },\n { key: 'gnb4', class: 'gnb4', label: '분석' },\n { key: 'gnb5', class: 'gnb5', label: '타임라인' },\n { key: 'gnb6', class: 'gnb6', label: '챗봇' },\n { key: 'gnb7', class: 'gnb7', label: '리플레이' },\n { key: 'gnb8', class: 'gnb8', label: '항적조회' },\n ];\n\n const sideList = [\n { key: 'side1', class: 'side1', label: '필터' },\n { key: 'side2', class: 'side2', label: '레이어' },\n ];\n\n return(\n <nav id=\"nav\">\n\n <ul className=\"gnb\">\n {gnbList.map(item => (\n <li key={item.key}>\n <button\n type=\"button\"\n className={`${item.class} ${activeKey === item.key ? 'active' : ''}`}\n onClick={() => onChange(item.key)}\n aria-label={item.label}\n >\n <span className=\"blind\">{item.label}</span>\n </button>\n </li>\n ))}\n </ul>\n\n <ul className=\"side\">\n {sideList.map(item => (\n <li key={item.key}>\n <button\n type=\"button\"\n className={`${item.class} ${activeKey === item.key ? 'active' : ''}`}\n onClick={() => onChange(item.key)}\n aria-label={item.label}\n >\n <span className=\"blind\">{item.label}</span>\n </button>\n </li>\n ))}\n </ul>\n\n </nav>\n )\n}\n\n\n {/* <ul className=\"gnb\">\n <li><button type=\"button\" className=\"gnb1 active\" title=\"선박\"></button></li>\n <li><button type=\"button\" className=\"gnb2\" title=\"위성\"><span className=\"blind\">위성</span></button></li>\n <li><button type=\"button\" className=\"gnb3\" title=\"기상\"><span className=\"blind\">기상</span></button></li>\n <li><button type=\"button\" className=\"gnb4\" title=\"분석\"><span className=\"blind\">분석</span></button></li>\n <li><button type=\"button\" className=\"gnb5\" title=\"타임라인\"><span className=\"blind\">타임라인</span></button></li>\n <li><button type=\"button\" className=\"gnb6\" title=\"챗봇\"><span className=\"blind\">챗봇</span></button></li>\n <li><button type=\"button\" className=\"gnb7\" title=\"리플레이\"><span className=\"blind\">리플레이</span></button></li>\n <li><button type=\"button\" className=\"gnb8\" title=\"항적조회\"><span className=\"blind\">항적조회</span></button></li>\n </ul>\n\n <ul className=\"side\">\n <li><button type=\"button\" className=\"side1\" title=\"필터\"><span className=\"blind\">필터</span></button></li>\n <li><button type=\"button\" className=\"side2\" title=\"레이어\"><span className=\"blind\">레이어</span></button></li>\n </ul> */}"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]} |