1 line
7.0 KiB
JSON
1 line
7.0 KiB
JSON
{"ast":null,"code":"import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";export default function NavComponent(_ref){let{activeKey,onChange}=_ref;const gnbList=[{key:'gnb1',class:'gnb1',label:'선박'},{key:'gnb2',class:'gnb2',label:'위성'},{key:'gnb3',class:'gnb3',label:'기상'},{key:'gnb4',class:'gnb4',label:'분석'},{key:'gnb5',class:'gnb5',label:'타임라인'},{key:'gnb6',class:'gnb6',label:'챗봇'},{key:'gnb7',class:'gnb7',label:'리플레이'},{key:'gnb8',class:'gnb8',label:'항적조회'}];const sideList=[{key:'side1',class:'side1',label:'필터'},{key:'side2',class:'side2',label:'레이어'}];return/*#__PURE__*/_jsxs(\"nav\",{id:\"nav\",children:[/*#__PURE__*/_jsx(\"ul\",{className:\"gnb\",children:gnbList.map(item=>/*#__PURE__*/_jsx(\"li\",{children:/*#__PURE__*/_jsx(\"button\",{type:\"button\",className:\"\".concat(item.class,\" \").concat(activeKey===item.key?'active':''),onClick:()=>onChange(item.key),\"aria-label\":item.label,children:/*#__PURE__*/_jsx(\"span\",{className:\"blind\",children:item.label})})},item.key))}),/*#__PURE__*/_jsx(\"ul\",{className:\"side\",children:sideList.map(item=>/*#__PURE__*/_jsx(\"li\",{children:/*#__PURE__*/_jsx(\"button\",{type:\"button\",className:\"\".concat(item.class,\" \").concat(activeKey===item.key?'active':''),onClick:()=>onChange(item.key),\"aria-label\":item.label,children:/*#__PURE__*/_jsx(\"span\",{className:\"blind\",children:item.label})})},item.key))})]});}","map":{"version":3,"names":["NavComponent","_ref","activeKey","onChange","gnbList","key","class","label","sideList","_jsxs","id","children","_jsx","className","map","item","type","concat","onClick"],"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 {/* <ul className=\"gnb\">\n <li><button type=\"button\" className=\"gnb1 active\" title=\"선박\"></button></li>\n <li><a href=\"!#\" className=\"gnb2\" title=\"위성\"><span className=\"blind\">위성</span></a></li>\n <li><a href=\"!#\" className=\"gnb3\" title=\"기상\"><span className=\"blind\">기상</span></a></li>\n <li><a href=\"!#\" className=\"gnb4\" title=\"분석\"><span className=\"blind\">분석</span></a></li>\n <li><a href=\"!#\" className=\"gnb5\" title=\"타임라인\"><span className=\"blind\">타임라인</span></a></li>\n <li><a href=\"!#\" className=\"gnb6\" title=\"챗봇\"><span className=\"blind\">챗봇</span></a></li>\n <li><a href=\"!#\" className=\"gnb7\" title=\"리플레이\"><span className=\"blind\">리플레이</span></a></li>\n <li><a href=\"!#\" className=\"gnb8\" title=\"항적조회\"><span className=\"blind\">항적조회</span></a></li>\n </ul>\n\n <ul className=\"side\">\n <li><a href=\"#\" className=\"side1\" title=\"필터\"><span className=\"blind\">필터</span></a></li>\n <li><a href=\"#\" className=\"side2\" title=\"레이어\"><span className=\"blind\">레이어</span></a></li>\n </ul> */}\n\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}"],"mappings":"yDAAA,cAAe,SAAS,CAAAA,YAAYA,CAAAC,IAAA,CAA0B,IAAzB,CAAEC,SAAS,CAAEC,QAAS,CAAC,CAAAF,IAAA,CACxD,KAAM,CAAAG,OAAO,CAAG,CACZ,CAAEC,GAAG,CAAE,MAAM,CAAEC,KAAK,CAAE,MAAM,CAAEC,KAAK,CAAE,IAAK,CAAC,CAC3C,CAAEF,GAAG,CAAE,MAAM,CAAEC,KAAK,CAAE,MAAM,CAAEC,KAAK,CAAE,IAAK,CAAC,CAC3C,CAAEF,GAAG,CAAE,MAAM,CAAEC,KAAK,CAAE,MAAM,CAAEC,KAAK,CAAE,IAAK,CAAC,CAC3C,CAAEF,GAAG,CAAE,MAAM,CAAEC,KAAK,CAAE,MAAM,CAAEC,KAAK,CAAE,IAAK,CAAC,CAC3C,CAAEF,GAAG,CAAE,MAAM,CAAEC,KAAK,CAAE,MAAM,CAAEC,KAAK,CAAE,MAAO,CAAC,CAC7C,CAAEF,GAAG,CAAE,MAAM,CAAEC,KAAK,CAAE,MAAM,CAAEC,KAAK,CAAE,IAAK,CAAC,CAC3C,CAAEF,GAAG,CAAE,MAAM,CAAEC,KAAK,CAAE,MAAM,CAAEC,KAAK,CAAE,MAAO,CAAC,CAC7C,CAAEF,GAAG,CAAE,MAAM,CAAEC,KAAK,CAAE,MAAM,CAAEC,KAAK,CAAE,MAAO,CAAC,CAChD,CAED,KAAM,CAAAC,QAAQ,CAAG,CACb,CAAEH,GAAG,CAAE,OAAO,CAAEC,KAAK,CAAE,OAAO,CAAEC,KAAK,CAAE,IAAK,CAAC,CAC7C,CAAEF,GAAG,CAAE,OAAO,CAAEC,KAAK,CAAE,OAAO,CAAEC,KAAK,CAAE,KAAM,CAAC,CACjD,CAED,mBACIE,KAAA,QAAKC,EAAE,CAAC,KAAK,CAAAC,QAAA,eAkBTC,IAAA,OAAIC,SAAS,CAAC,KAAK,CAAAF,QAAA,CACdP,OAAO,CAACU,GAAG,CAACC,IAAI,eACjBH,IAAA,OAAAD,QAAA,cACIC,IAAA,WACAI,IAAI,CAAC,QAAQ,CACbH,SAAS,IAAAI,MAAA,CAAKF,IAAI,CAACT,KAAK,MAAAW,MAAA,CAAIf,SAAS,GAAKa,IAAI,CAACV,GAAG,CAAG,QAAQ,CAAG,EAAE,CAAG,CACrEa,OAAO,CAAEA,CAAA,GAAMf,QAAQ,CAACY,IAAI,CAACV,GAAG,CAAE,CAClC,aAAYU,IAAI,CAACR,KAAM,CAAAI,QAAA,cAEvBC,IAAA,SAAMC,SAAS,CAAC,OAAO,CAAAF,QAAA,CAAEI,IAAI,CAACR,KAAK,CAAO,CAAC,CACnC,CAAC,EARJQ,IAAI,CAACV,GASV,CACH,CAAC,CACF,CAAC,cAELO,IAAA,OAAIC,SAAS,CAAC,MAAM,CAAAF,QAAA,CACfH,QAAQ,CAACM,GAAG,CAACC,IAAI,eAClBH,IAAA,OAAAD,QAAA,cACIC,IAAA,WACAI,IAAI,CAAC,QAAQ,CACbH,SAAS,IAAAI,MAAA,CAAKF,IAAI,CAACT,KAAK,MAAAW,MAAA,CAAIf,SAAS,GAAKa,IAAI,CAACV,GAAG,CAAG,QAAQ,CAAG,EAAE,CAAG,CACrEa,OAAO,CAAEA,CAAA,GAAMf,QAAQ,CAACY,IAAI,CAACV,GAAG,CAAE,CAClC,aAAYU,IAAI,CAACR,KAAM,CAAAI,QAAA,cAEvBC,IAAA,SAAMC,SAAS,CAAC,OAAO,CAAAF,QAAA,CAAEI,IAAI,CAACR,KAAK,CAAO,CAAC,CACnC,CAAC,EARJQ,IAAI,CAACV,GASV,CACH,CAAC,CACF,CAAC,EAEJ,CAAC,CAEd","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]} |