cfel-base-components 2.5.51 → 2.5.53

package/demo/src/index.jsx

@@ -1,128 +1,212 @@
-import React from "react";
-import { createRoot } from "react-dom/client";
-import style from "./index.module.less";
-import { SwapOutlined, QqOutlined, WeiboOutlined } from "@ant-design/icons";
-import { ConfigProvider } from "antd";
-import "./index.scss";
-import Layout from "../../src/components/layout";
-import LayoutConsole from "../../src/components/layout-console";
+import React from 'react'
+import { createRoot } from 'react-dom/client'
+import style from './index.module.less'
+import { SwapOutlined, QqOutlined, WeiboOutlined } from '@ant-design/icons'
+import { ConfigProvider } from 'antd'
+import Layout from '../../src/components/layout'
+//import Layout from '../../src/components/layout-console'
+import { QuestionCircleTwoTone } from '@ant-design/icons'
 // import Account from '../../src/components/universal-pages/account';
 // import AccountInfo from '../../src/components/universal-pages/accountInfo';
-import CpcRole from "../../src/components/universal-pages/cpcRole";
-import CpcRoleInfo from "../../src/components/universal-pages/cpcRoleInfo";
-import ProTable from "../../src/components/base-component/ProTable";
-import PageContainer from "../../src/components/base-component/PageContainer";
+import CpcRole from '../../src/components/universal-pages/cpcRole'
+import CpcRoleInfo from '../../src/components/universal-pages/cpcRoleInfo'
+import ProTable from '../../src/components/base-component/ProTable'
+import PageContainer from '../../src/components/base-component/PageContainer'
 
 const menuList = [
   {
-    label: "Dashboard",
-    key: "dashboard",
-    icon: <QqOutlined />,
+    label: '云厂商',
+    icon: <SwapOutlined />,
+    key: 'cloud-list',
+  },
+  {
+    label: '产品模型',
+    icon: <SwapOutlined />,
+    key: 'catalog',
     children: [
       {
-        label: "Overview",
-        key: "dashboard-overview",
+        label: '产品模型',
+        key: 'product-list',
         children: [
           {
-            label: "Overview",
-            key: "dashboard-overview-overview",
-          },
-          {
-            label: "Overview",
-            key: "dashboard-overview-overview1",
+            label: '产品模型',
+            key: 'product-list',
           },
+        ],
+      },
+      {
+        label: '商品模型',
+        key: 'commodity-list',
+        children: [
           {
-            label: "Overview",
-            key: "dashboard-overview-overview2",
+            label: '产品模型',
+            key: 'product-list',
           },
         ],
       },
       {
-        label: "Stats",
-        key: "dashboard-stats",
+        label: '定价项列表',
+        key: 'entity-list',
+      },
+      {
+        label: '资源类型管理',
+        key: 'rsourceType-list',
       },
     ],
   },
   {
-    label: "User Management",
-    key: "user-management",
-    icon: <WeiboOutlined />,
+    label: '数据字典',
+    icon: <SwapOutlined />,
+    key: 'dictionary-list',
+  },
+  {
+    label: '实例管理',
+    icon: <i className="iconfont icon-moxing-miaobian" />,
     children: [
       {
-        label: "Users",
-        key: "user-management-users",
+        label: '容器镜像服务管理',
+        key: 'instance-list',
       },
       {
-        label: "Roles",
-        key: "user-management-roles",
+        label: 'Kaas服务管理',
+        key: 'cluster-puhui',
+      },
+      {
+        label: '代理服务管理',
+        key: 'proxy-manage',
+      },
+      {
+        label: '控制台首页文档管理',
+        key: 'console-doc',
+      },
+      {
+        label: '轻量云注册管理',
+        key: 'register-manage',
       },
     ],
   },
+
   {
-    label: "Settings",
-    key: "settings",
-    icon: <QqOutlined />,
+    label: 'API管理',
+    key: 'apiAction',
+    icon: <i className="iconfont icon-API" />,
     children: [
       {
-        label: "Profile",
-        key: "settings-profile",
+        label: 'API 应用管理',
+        key: 'api-app-list',
+      },
+      {
+        label: 'API 分组管理',
+        key: 'group-list',
       },
       {
-        label: "Preferences",
-        key: "settings-preferences",
+        label: 'API 接口管理',
+        key: 'api-route-list',
       },
     ],
   },
   {
-    label: "Reports",
-    key: "reports",
-    icon: <WeiboOutlined />,
+    label: '消息中心',
+    key: 'msgAction',
+    icon: <i className="iconfont icon-xiaoxi" />,
+    children: [
+      {
+        label: '消息管理',
+        key: 'send-list',
+      },
+      {
+        label: '事件点管理',
+        key: 'event-list',
+      },
+      {
+        label: '消息模版管理',
+        key: 'msgtemplate-list',
+      },
+      {
+        label: '邮件账号管理',
+        key: 'mail-list',
+      },
+    ],
+  },
+  {
+    label: '权限资源配置',
+    key: 'menuAction',
+    icon: <i className="iconfont icon-qingdan" />,
+    children: [
+      {
+        label: '菜单管理',
+        key: 'menuControlList',
+      },
+      {
+        label: '权限策略管理',
+        key: 'strategy-list',
+      },
+      {
+        label: '权限规则管理',
+        key: 'rule-list',
+      },
+    ],
+  },
+  {
+    label: '配额管理',
+    icon: <i className="iconfont icon-peie" />,
+    key: 'quotaList',
+  },
+  {
+    label: '库存管理',
+    icon: <i className="iconfont icon-peie" />,
+    key: 'inventoryList',
+  },
+  {
+    label: '权限管理',
+    key: 'authority',
+    icon: <i className="iconfont icon-shezhi" />,
     children: [
       {
-        label: "Sales",
-        key: "reports-sales",
+        label: '账号列表',
+        key: 'account-list',
       },
       {
-        label: "Performance",
-        key: "reports-performance",
+        label: '角色列表',
+        key: 'role-list',
       },
     ],
   },
-];
+]
 
 const App = () => {
   const columns = [
     {
-      title: "名称",
-      dataIndex: "name",
-      key: "name",
+      title: '名称',
+      dataIndex: 'name',
+      key: 'name',
     },
     {
-      title: "描述",
-      dataIndex: "description",
-      key: "description",
+      title: '描述',
+      dataIndex: 'description',
+      key: 'description',
     },
     {
-      title: "状态",
-      dataIndex: "status",
-      key: "status",
+      title: '状态',
+      dataIndex: 'status',
+      key: 'status',
     },
     {
-      title: "操作",
+      title: '操作',
       width: 120,
-      fixed: "right",
+      fixed: 'right',
       render: (row) => (
         <a
           onClick={() => {
-            setEditingData(row);
-            setInstanceDetailOpen(true);
+            setEditingData(row)
+            setInstanceDetailOpen(true)
           }}
         >
           详情
         </a>
       ),
     },
-  ];
+  ]
 
   return (
     <ConfigProvider
@@ -145,10 +229,10 @@ const App = () => {
         productList={false}
         menuList={menuList}
         type=""
-        customAction={()=>{
-          history.push("/web/user-info")
+        customAction={() => {
+          history.push('/web/user-info')
         }}
-        actions={["动作1","动作2"]}
+        actions={['动作1', '动作2']}
       >
         {/* <CpcRoleInfo
       isShowTab={{
@@ -158,16 +242,13 @@ const App = () => {
         tableData: false,
       }}></CpcRoleInfo> */}
         <PageContainer>
-          <ProTable
-            columns={columns}
-            nameSpace="device"
-            dataSource={[{ name: "1", description: "1", status: "1" }]}
-          />
+        <QuestionCircleTwoTone twoToneColor='orange' />
+          <ProTable columns={columns} nameSpace="device" dataSource={[{ name: '1', description: '1', status: '1' }]} />
         </PageContainer>
       </Layout>
     </ConfigProvider>
-  );
-};
-const container = document.getElementById("root");
-const root = createRoot(container);
-root.render(<App />);
+  )
+}
+const container = document.getElementById('root')
+const root = createRoot(container)
+root.render(<App />)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cfel-base-components",
-  "version": "2.5.51",
+  "version": "2.5.53",
   "description": "cfel-base-components",
   "main": "/src/index.tsx",
   "types": "src/index.d.ts",

package/src/.umi/core/helmet.ts

@@ -2,7 +2,7 @@
 // This file is generated by Umi automatically
 // DO NOT CHANGE IT MANUALLY!
 import React from 'react';
-import { HelmetProvider } from '/Users/lionaillen/Documents/workPlace/cfel/base-components/node_modules/.pnpm/@umijs+renderer-react@4.0.72_react-dom@18.1.0_react@18.1.0/node_modules/@umijs/renderer-react';
+import { HelmetProvider } from '/Users/lionaillen/Documents/work/cfel/base-components/node_modules/.pnpm/@umijs+renderer-react@4.0.72_react-dom@18.1.0_react@18.1.0__react@18.1.0/node_modules/@umijs/renderer-react';
 import { context } from './helmetContext';
 
 export const innerProvider = (container) => {

package/src/components/layout/index.scss

@@ -92,6 +92,20 @@ ul {
     
 
     > li {
+      .first-li {
+        &:hover {
+          .menu-item-icon {
+            color: #185dff;
+            font-weight: 500;
+          }
+          
+          .menu-item-label {
+            color: #185dff;
+            font-weight: 500;
+          }
+        }
+      }
+
       &:hover {
         > .menu-item-content {
           .menu-item-icon,
@@ -167,7 +181,6 @@ ul {
       &:hover {
         > .menu-item-content {
           .menu-item-icon,
-          .iconfont,
           .menu-item-label {
             color: #185dff;
             font-weight: 500;
@@ -261,7 +274,6 @@ ul {
       &:hover {
         > .menu-item-content {
           .menu-item-icon,
-          .iconfont,
           .menu-item-label {
             color: #185dff;
             font-weight: 500;