PC应用

\n setIsOpen(!isOpen)}\n onMouseEnter={() => setIsHovered(true)}\n onMouseLeave={() => setIsHovered(false)}\n className={`menu-item-header ${isOpen ? \"open\" : \"\"} ${isHovered ? \"hovered\" : \"\"}`}\n >\n {item.name}\n {isOpen ? \"▼\" : \"▶\"}\n

\n {isOpen && item.subMenu && (\n

\n {item.subMenu.map((subItem, index) => (\n {subItem.name}\n ))}\n

\n )}\n \n );\n}\n\nfunction Menu() {\n return (\n

\n {menuStructure.map((item, index) => )}\n

\n );\n}\n\nfunction Content() {\n return (\n

\n \n 欢迎使用} />\n 产品管理} />\n 元数据市场} />\n 元数据配置} />\n 维度配置} />\n 跳转参数配置} />\n 基础元素配置} />\n 应用管理} />\n 标准问题清单} />\n 插件配置} />\n 我的申请} />\n 待我审批} />\n \n

\n );\n}\n\nfunction App() {\n return (\n \n

\n \n \n

\n \n );\n}\n\nfunction client() {\n ReactDOM.createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nasync function server(request: Request): Promise {\n return new Response(\n `\n \n \n \n \n \n PC应用\n \n \n \n

\n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html;charset=UTF-8\",\n },\n },\n );\n}\n\nconst css = `\nbody {\n margin: 0;\n padding: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\na {\n color: #1890ff;\n text-decoration: none;\n}\n\na:hover {\n color: #40a9ff;\n}\n\n.menu-item {\n margin-bottom: 5px;\n}\n\n.menu-item-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 15px;\n cursor: pointer;\n background-color: #f0f2f5;\n border-radius: 4px;\n transition: background-color 0.3s;\n}\n\n.menu-item-header:hover, .menu-item-header.hovered {\n background-color: #e6f7ff;\n}\n\n.menu-item-header.open {\n background-color: #1890ff;\n color: white;\n}\n\n.arrow {\n font-size: 12px;\n}\n\n.sub-menu {\n padding-left: 15px;\n margin-top: 5px;\n}\n\n.sub-menu-item {\n display: block;\n padding: 8px 15px;\n margin-bottom: 2px;\n border-radius: 4px;\n transition: background-color 0.3s;\n}\n\n.sub-menu-item:hover {\n background-color: #e6f7ff;\n}\n`;\n\nexport default server;",["D",1726035540594],"version",6,"currentUserHasLiked","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_96":97,"_101":102},"forkedVal","interval","description","// This approach creates a PC application with a left-side menu structure as requested.","latestEvaluation","slug","hugenshen/httpHelloWorld","versions",[160,164,168,172,176,179,182],{"_98":161,"_142":143,"_162":163},["D",1726035540594],"n","1",{"_98":165,"_142":166,"_162":167},["D",1726035468733],5,"2",{"_98":169,"_142":170,"_162":171},["D",1726035294391],4,"3",{"_98":173,"_142":174,"_162":175},["D",1726035265827],3,"4",{"_98":177,"_142":90,"_162":178},["D",1726035235282],"5",{"_98":180,"_142":110,"_162":181},["D",1726035198113],"6",{"_98":183,"_142":31,"_162":184},["D",1726035142713],"7","hasNext","filters",{"_188":189,"_190":191,"_131":132},"sort","newest","type","all","routes/_app","actionData","errors"]