From a63f991f1c09ff48a28c994d8da7f47d58261a8b Mon Sep 17 00:00:00 2001 From: pan <13329870472@163.com> Date: Tue, 12 Mar 2024 17:11:29 +0800 Subject: [PATCH] =?UTF-8?q?perf:=20=E5=85=B3=E4=BA=8E?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- locales/en.yaml | 1 + locales/zh-CN.yaml | 1 + src/main.ts | 10 ++- src/router/enums.ts | 45 ++++++++++ src/router/modules/about.ts | 22 +++++ src/views/about/columns.tsx | 106 +++++++++++++++++++++++ src/views/about/index.vue | 162 ++++++++++++++++++++++++++++++++++++ 7 files changed, 344 insertions(+), 3 deletions(-) create mode 100644 src/router/enums.ts create mode 100644 src/router/modules/about.ts create mode 100644 src/views/about/columns.tsx create mode 100644 src/views/about/index.vue diff --git a/locales/en.yaml b/locales/en.yaml index 73586de..9aaa035 100644 --- a/locales/en.yaml +++ b/locales/en.yaml @@ -32,6 +32,7 @@ menus: permission: Permission Manage permissionPage: Page Permission permissionButton: Button Permission + hsAbout: About status: hsLoad: Loading... login: diff --git a/locales/zh-CN.yaml b/locales/zh-CN.yaml index 0491c68..57be919 100644 --- a/locales/zh-CN.yaml +++ b/locales/zh-CN.yaml @@ -32,6 +32,7 @@ menus: permission: 权限管理 permissionPage: 页面权限 permissionButton: 按钮权限 + hsAbout: 关于 status: hsLoad: 加载中... login: diff --git a/src/main.ts b/src/main.ts index d0f733c..d7ea35b 100644 --- a/src/main.ts +++ b/src/main.ts @@ -10,7 +10,7 @@ import { useElementPlus } from "@/plugins/elementPlus"; import { injectResponsiveStorage } from "@/utils/responsive"; import Table from "@pureadmin/table"; -// import PureDescriptions from "@pureadmin/descriptions"; +import PureDescriptions from "@pureadmin/descriptions"; // 引入重置样式 import "./style/reset.scss"; @@ -56,8 +56,12 @@ getPlatformConfig(app).then(async config => { app.use(router); await router.isReady(); injectResponsiveStorage(app, config); - app.use(MotionPlugin).use(useI18n).use(useElementPlus).use(Table); - // .use(PureDescriptions) + app + .use(MotionPlugin) + .use(useI18n) + .use(useElementPlus) + .use(Table) + .use(PureDescriptions); // .use(useEcharts); app.mount("#app"); }); diff --git a/src/router/enums.ts b/src/router/enums.ts new file mode 100644 index 0000000..5ee4721 --- /dev/null +++ b/src/router/enums.ts @@ -0,0 +1,45 @@ +// 完整版菜单比较多，将 rank 抽离出来，在此方便维护 + +const home = 0, // 平台规定只有 home 路由的 rank 才能为 0 ，所以后端在返回 rank 的时候需要从非 0 开始 + components = 1, + able = 2, + table = 3, + list = 4, + result = 5, + error = 6, + frame = 7, + nested = 8, + permission = 9, + system = 10, + tabs = 11, + about = 12, + editor = 13, + flowchart = 14, + formdesign = 15, + board = 16, + ppt = 17, + guide = 18, + menuoverflow = 19; + +export { + home, + components, + able, + table, + list, + result, + error, + frame, + nested, + permission, + system, + tabs, + about, + editor, + flowchart, + formdesign, + board, + ppt, + guide, + menuoverflow +}; diff --git a/src/router/modules/about.ts b/src/router/modules/about.ts new file mode 100644 index 0000000..d7ab1b0 --- /dev/null +++ b/src/router/modules/about.ts @@ -0,0 +1,22 @@ +import { $t } from "@/plugins/i18n"; +import { about } from "@/router/enums"; + +export default { + path: "/about", + redirect: "/about/index", + meta: { + icon: "ri:file-info-line", + title: $t("menus.hsAbout"), + rank: about + }, + children: [ + { + path: "/about/index", + name: "About", + component: () => import("@/views/about/index.vue"), + meta: { + title: $t("menus.hsAbout") + } + } + ] +} satisfies RouteConfigsTable; diff --git a/src/views/about/columns.tsx b/src/views/about/columns.tsx new file mode 100644 index 0000000..ebf5471 --- /dev/null +++ b/src/views/about/columns.tsx @@ -0,0 +1,106 @@ +export function useColumns() { + const { pkg, lastBuildTime } = __APP_INFO__; + const { version, engines } = pkg; + const columns = [ + { + label: "当前版本", + cellRenderer: () => { + return ( + + {version} + + ); + } + }, + { + label: "最后编译时间", + cellRenderer: () => { + return ( + + {lastBuildTime} + + ); + } + }, + { + label: "推荐 node 版本", + cellRenderer: () => { + return ( + + {engines.node} + + ); + } + }, + { + label: "推荐 pnpm 版本", + cellRenderer: () => { + return ( + + {engines.pnpm} + + ); + } + }, + { + label: "完整版代码地址", + className: "pure-version", + cellRenderer: () => { + return ( + + 完整版代码链接 + + ); + } + }, + { + label: "精简版代码地址", + className: "pure-version", + cellRenderer: () => { + return ( + + 精简版代码链接 + + ); + } + }, + { + label: "文档地址", + className: "pure-version", + cellRenderer: () => { + return ( + + 文档链接 + + ); + } + }, + { + label: "预览地址", + className: "pure-version", + cellRenderer: () => { + return ( + + 预览链接 + + ); + } + } + ]; + + return { + columns + }; +} diff --git a/src/views/about/index.vue b/src/views/about/index.vue new file mode 100644 index 0000000..f835b20 --- /dev/null +++ b/src/views/about/index.vue @@ -0,0 +1,162 @@ + + + + +