Merge branch 'main' into pages

.gitignore

@@ -1,10 +1,9 @@
 node_modules
 .DS_Store
-dist
-dist-ssr
 *.local
 .eslintcache
 report.html
+dist
 vite.config.*.timestamp*
 
 yarn.lock

.husky/commit-msg

@@ -1,8 +0,0 @@
-#!/bin/sh
-
-# shellcheck source=./_/husky.sh
-. "$(dirname "$0")/_/husky.sh"
-
-PATH="/usr/local/bin:$PATH"
-
-pnpm dlx commitlint --edit "$1"

.husky/common.sh

@@ -1,9 +0,0 @@
-#!/bin/sh
-command_exists () {
-  command -v "$1" >/dev/null 2>&1
-}
-
-# Workaround for Windows 10, Git Bash and Pnpm
-if command_exists winpty && test -t 1; then
-  exec < /dev/tty
-fi

.husky/pre-commit

@@ -1,10 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-. "$(dirname "$0")/common.sh"
-
-[ -n "$CI" ] && exit 0
-
-PATH="/usr/local/bin:$PATH"
-
-# Perform lint check on files in the staging area through .lintstagedrc configuration
-pnpm exec lint-staged

.nvmrc

@@ -1 +1 @@
-v24.12.0
+v22.20.0

CHANGELOG.en_US.md

@@ -1,27 +1,3 @@
-# 6.3.0 (2025-12-10)
-
-### ✔️ Refactor
-
-- Renamed "Overall Style" in system configuration to "Theme Mode" and "Navigation Mode" to "Menu Layout" to improve naming professionalism and clarity.
-- Migrated the deprecated `tseslint.config` configuration method of `typescript-eslint`.
-
-### 🎫 Feat
-
-- Added a color picker panel component.
-
-### 🐞 Bug fixes
-
-- Fixed an issue where the selected/activated state style of the navigation menu was displayed incorrectly when using `iconfont` icons.
-- Fixed a style issue with the column settings pop-up of the `RePureTableBar` and `ReVxeTableBar` components.
-
-### 🍏 Perf
-
-- Adapting the `ReDialog` component to the latest version of `el-dialog` with API changes and supplementary examples
-- Adapting the `ReDrawer` component to the latest version of `el-drawer` with API changes and supplementary examples
-- Adapting the `message` utility function to the latest version of `ElMessage` with API changes and supplementary examples
-- Importing the latest version of `element-plus` components
-- Optimizing the tab layout and style for Google Chrome mode
-
 # 6.2.0 (2025-10-16)
 
 ### 🎫 Features

CHANGELOG.md

@@ -1,27 +1,3 @@
-# 6.3.0 (2025-12-10)
-
-### ✔️ Refactor
-
-- Renamed "Overall Style" in system configuration to "Theme Mode" and "Navigation Mode" to "Menu Layout" to improve naming professionalism and clarity.
-- Migrated the deprecated `tseslint.config` configuration method of `typescript-eslint`.
-
-### 🎫 Feat
-
-- Added a color picker panel component.
-
-### 🐞 Bug fixes
-
-- Fixed an issue where the selected/activated state style of the navigation menu was displayed incorrectly when using `iconfont` icons.
-- Fixed a style issue with the column settings pop-up of the `RePureTableBar` and `ReVxeTableBar` components.
-
-### 🍏 Perf
-
-- Adapting the `ReDialog` component to the latest version of `el-dialog` with API changes and supplementary examples
-- Adapting the `ReDrawer` component to the latest version of `el-drawer` with API changes and supplementary examples
-- Adapting the `message` utility function to the latest version of `ElMessage` with API changes and supplementary examples
-- Importing the latest version of `element-plus` components
-- Optimizing the tab layout and style for Google Chrome mode
-
 # 6.2.0 (2025-10-16)
 
 ### 🎫 Features

CHANGELOG.zh_CN.md

@@ -1,32 +1,8 @@
-# 6.3.0 (2025-12-10)
-
-### ✔️ Refactor
-
-- 将系统配置中的“整体风格”更名为“主题模式”，“导航模式”更名为“菜单布局”，以提升命名的专业性与清晰度
-- 迁移`typescript-eslint`已弃用的`tseslint.config`配置方式
-
-### 🎫 Feat
-
-- 添加颜色选择器面板组件
-
-### 🐞 Bug fixes
-
-- 修复导航菜单在使用`iconfont`图标时，选中/激活状态的样式显示异常问题
-- 修复`RePureTableBar`和`ReVxeTableBar`组件的列设置弹窗样式问题
-
-### 🍏 Perf
-
-- `ReDialog`组件适配`el-dialog`最新版本的`API`变更以及补充相关示例
-- `ReDrawer`组件适配`el-drawer`最新版本的`API`变更以及补充相关示例
-- `message`工具函数适配`ElMessage`最新版本的`API`变更以及补充相关示例
-- 导入`element-plus`最新版本的新组件
-- 优化页签风格为谷歌模式下的布局和样式
-
 # 6.2.0 (2025-10-16)
 
 ### 🎫 Feat
 
-- 添加全屏`403`、`404`、`500`页面，全屏错误页面清晰且安全，提升用户体验
+-  添加全屏`403`、`404`、`500`页面，全屏错误页面清晰且安全，提升用户体验
 
 ### 🐞 Bug fixes
 
@@ -50,7 +26,7 @@
 
 ### 🐞 Bug fixes
 
-- 修复`ReSegmented`分段控制器组件在浅色和深色主题模式切换时的闪烁问题
+- 修复`ReSegmented`分段控制器组件在浅色和深色整体风格切换时的闪烁问题
 - 修复`resetRouter`未清空全部路由数据问题
 - 修复标签页-关闭左侧标签页关闭异常问题
 
@@ -255,8 +231,8 @@
 
 - 修复`windwos`下点击注册页面会出现滚动条问题
 - 修复`windows`下页面切换，内容区会出现滚动条问题
-- 修复`pure-table`带状态表格在深色主题模式下状态样式消失的问题
+- 修复`pure-table`带状态表格在深色整体风格下状态样式消失的问题
-- 修复系统配置中开启灰色模式和深色主题模式，刷新页面主题模式异常
+- 修复系统配置中开启灰色模式和深色整体风格，刷新页面整体风格异常
 
 ### 🍏 Perf
 
@@ -309,7 +285,7 @@
 - 内嵌`iframe`页支持设置`keepAlive`，保持页面状态
 - 优化导航，弹出的菜单超出内容区自适应且可滚动
 - 添加文件上传示例
-- 添加主题模式自适应操作系统浅色、深色、自动主题功能
+- 添加整体风格自适应操作系统浅色、深色、自动主题功能
 - 添加页脚
 - 支持多标签页打开已经登录的系统后无需再登录并添加内免登录功能（用户可选择免登录的天数）
 - 带来高级感的终端命令行
@@ -509,7 +485,7 @@
 - 修复菜单搜索功能弹框打开后搜索框未自动聚集的问题
 - 修复按 `ESC` 退出全屏后，工具栏按钮文案展示问题
 - 修复移动端通知栏 `tooltip` 点击穿透问题
-- 修复当左侧菜单收起后，切换到 `horizontal` 菜单布局时文字不展示的问题
+- 修复当左侧菜单收起后，切换到 `horizontal` 导航模式时文字不展示的问题
 - 修复导航 `tab` 关闭其他标签页无法重置状态问题
 - 修复 `getHistoryMode` 函数中环境变量未初始化带来的页面热更新报错
 - 修复导航 `tab` 过多导致关闭左侧标签页无法正常显示

eslint.config.js

@@ -72,11 +72,8 @@ export default defineConfig([
       ]
     }
   },
-  ...tseslint.configs.recommended.map(config => ({
+  ...tseslint.config({
-    ...config,
+    extends: [...tseslint.configs.recommended],
-    files: ["**/*.?([cm])ts", "**/*.?([cm])tsx"]
-  })),
-  {
     files: ["**/*.?([cm])ts", "**/*.?([cm])tsx"],
     rules: {
       "@typescript-eslint/no-redeclare": "error",
@@ -105,7 +102,7 @@ export default defineConfig([
         }
       ]
     }
-  },
+  }),
   {
     files: ["**/*.d.ts"],
     rules: {

index.html

@@ -1,84 +1,94 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-    <meta name="renderer" content="webkit" />
-    <meta
-      name="viewport"
-      content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0"
-    />
-    <title>vue-pure-admin</title>
-    <link rel="icon" href="/favicon.ico" />
-  </head>
 
-  <body>
+<head>
-    <div id="app">
+  <meta charset="UTF-8" />
-      <style>
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-        html,
+  <meta name="renderer" content="webkit" />
-        body,
+  <meta name="viewport"
-        #app {
+    content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0" />
-          position: relative;
+  <title>vue-pure-admin</title>
-          display: flex;
+  <link rel="icon" href="/favicon.ico" />
-          align-items: center;
+  <script>
-          justify-content: center;
+    var _hmt = _hmt || [];
-          width: 100%;
+    (function () {
-          height: 100%;
+      var hm = document.createElement("script")
-          overflow: hidden;
+      hm.src = "https://hm.baidu.com/hm.js?d3824e75ef2bf6d851035f74ae1aec68"
+      var s = document.getElementsByTagName("script")[0]
+      s.parentNode.insertBefore(hm, s)
+    })();
+  </script>
+</head>
+
+<body>
+  <div id="app">
+    <style>
+      html,
+      body,
+      #app {
+        position: relative;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+      }
+
+      .loader,
+      .loader::before,
+      .loader::after {
+        width: 2.5em;
+        height: 2.5em;
+        border-radius: 50%;
+        animation: load-animation 1.8s infinite ease-in-out;
+        animation-fill-mode: both;
+      }
+
+      .loader {
+        position: relative;
+        top: 0;
+        margin: 80px auto;
+        font-size: 10px;
+        color: #406eeb;
+        text-indent: -9999em;
+        transform: translateZ(0);
+        transform: translate(-50%, 0);
+        animation-delay: -0.16s;
+      }
+
+      .loader::before,
+      .loader::after {
+        position: absolute;
+        top: 0;
+        content: "";
+      }
+
+      .loader::before {
+        left: -3.5em;
+        animation-delay: -0.32s;
+      }
+
+      .loader::after {
+        left: 3.5em;
+      }
+
+      @keyframes load-animation {
+
+        0%,
+        80%,
+        100% {
+          box-shadow: 0 2.5em 0 -1.3em;
         }
 
-        .loader,
+        40% {
-        .loader::before,
+          box-shadow: 0 2.5em 0 0;
-        .loader::after {
-          width: 2.5em;
-          height: 2.5em;
-          border-radius: 50%;
-          animation: load-animation 1.8s infinite ease-in-out;
-          animation-fill-mode: both;
         }
+      }
+    </style>
+    <div class="loader"></div>
+  </div>
+  <script type="module" src="/src/main.ts"></script>
+</body>
 
-        .loader {
+</html>
-          position: relative;
-          top: 0;
-          margin: 80px auto;
-          font-size: 10px;
-          color: #406eeb;
-          text-indent: -9999em;
-          transform: translateZ(0);
-          transform: translate(-50%, 0);
-          animation-delay: -0.16s;
-        }
-
-        .loader::before,
-        .loader::after {
-          position: absolute;
-          top: 0;
-          content: "";
-        }
-
-        .loader::before {
-          left: -3.5em;
-          animation-delay: -0.32s;
-        }
-
-        .loader::after {
-          left: 3.5em;
-        }
-
-        @keyframes load-animation {
-          0%,
-          80%,
-          100% {
-            box-shadow: 0 2.5em 0 -1.3em;
-          }
-
-          40% {
-            box-shadow: 0 2.5em 0 0;
-          }
-        }
-      </style>
-      <div class="loader"></div>
-    </div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
-</html>

locales/en.yaml

@@ -19,8 +19,6 @@ buttons:
   pureBackTop: BackTop
   pureOpenText: Open
   pureCloseText: Close
-  pureWatchMore: Watch More
-  pureMarkAsRead: Mark As Read
 search:
   pureTotal: Total
   pureHistory: History
@@ -33,15 +31,15 @@ panel:
   pureCloseSystemSet: Close System Configs
   pureClearCacheAndToLogin: Clear cache and return to login page
   pureClearCache: Clear Cache
-  pureThemeMode: Theme Mode
+  pureOverallStyle: Overall Style
-  pureThemeModeLight: Light
+  pureOverallStyleLight: Light
-  pureThemeModeLightTip: Set sail freshly and light up the comfortable work interface
+  pureOverallStyleLightTip: Set sail freshly and light up the comfortable work interface
-  pureThemeModeDark: Dark
+  pureOverallStyleDark: Dark
-  pureThemeModeDarkTip: Moonlight Overture, indulge in the tranquility and elegance of the night
+  pureOverallStyleDarkTip: Moonlight Overture, indulge in the tranquility and elegance of the night
-  pureThemeModeSystem: Auto
+  pureOverallStyleSystem: Auto
-  pureThemeModeSystemTip: Synchronize time, the interface naturally responds to morning and dusk
+  pureOverallStyleSystemTip: Synchronize time, the interface naturally responds to morning and dusk
   pureThemeColor: Theme Color
-  pureMenuLayout: Menu Layout
+  pureLayoutModel: Layout Model
   pureVerticalTip: The menu on the left is familiar and friendly
   pureHorizontalTip: Top menu, concise overview
   pureMixTip: Mixed menu, flexible
@@ -110,7 +108,6 @@ menus:
   pureTypeit: Typeit
   pureJsonEditor: JSON Editor
   pureColorPicker: Color Picker
-  pureColorPickerPanel: Color PickerPanel
   pureDatePicker: Date Picker
   pureDateTimePicker: DateTimePicker
   pureTimePicker: TimePicker
@@ -240,19 +237,4 @@ login:
   purePassWordRuleReg: The password format should be any combination of 8-18 digits
   purePassWordSureReg: Please enter confirm password
   purePassWordDifferentReg: The two passwords do not match!
-  purePassWordUpdateReg: Password has been updated
+  purePassWordUpdateReg: Password has been updated
-  pureLoginExpired: Login expired, please login again
-tableBar:
-  pureList: List
-  pureLarge: Large
-  pureDefault: Default
-  pureSmall: Small
-  pureColumnSettings: ColumnSettings
-  pureCollapse: Collapse
-  pureExpand: Expand
-  pureRefresh: Refresh
-  pureDensity: Density
-  pureColumnDisplay: ColumnDisplay
-  pureReset: Reset
-  pureExitFullScreen: ExitFullScreen
-  pureFullScreen: FullScreen

locales/zh-CN.yaml

@@ -19,8 +19,6 @@ buttons:
   pureBackTop: 回到顶部
   pureOpenText: 开
   pureCloseText: 关
-  pureWatchMore: 查看更多
-  pureMarkAsRead: 标为已读
 search:
   pureTotal: 共
   pureHistory: 搜索历史
@@ -33,15 +31,15 @@ panel:
   pureCloseSystemSet: 关闭配置
   pureClearCacheAndToLogin: 清空缓存并返回登录页
   pureClearCache: 清空缓存
-  pureThemeMode: 主题模式
+  pureOverallStyle: 整体风格
-  pureThemeModeLight: 浅色
+  pureOverallStyleLight: 浅色
-  pureThemeModeLightTip: 清新启航，点亮舒适的工作界面
+  pureOverallStyleLightTip: 清新启航，点亮舒适的工作界面
-  pureThemeModeDark: 深色
+  pureOverallStyleDark: 深色
-  pureThemeModeDarkTip: 月光序曲，沉醉于夜的静谧雅致
+  pureOverallStyleDarkTip: 月光序曲，沉醉于夜的静谧雅致
-  pureThemeModeSystem: 自动
+  pureOverallStyleSystem: 自动
-  pureThemeModeSystemTip: 同步时光，界面随晨昏自然呼应
+  pureOverallStyleSystemTip: 同步时光，界面随晨昏自然呼应
   pureThemeColor: 主题色
-  pureMenuLayout: 菜单布局
+  pureLayoutModel: 导航模式
   pureVerticalTip: 左侧菜单，亲切熟悉
   pureHorizontalTip: 顶部菜单，简洁概览
   pureMixTip: 混合菜单，灵活多变
@@ -110,7 +108,6 @@ menus:
   pureTypeit: 打字机
   pureJsonEditor: JSON编辑器
   pureColorPicker: 颜色选择器
-  pureColorPickerPanel: 颜色选择器面板
   pureDatePicker: 日期选择器
   pureDateTimePicker: 日期时间选择器
   pureTimePicker: 时间选择器
@@ -240,19 +237,4 @@ login:
   purePassWordRuleReg: 密码格式应为8-18位数字、字母、符号的任意两种组合
   purePassWordSureReg: 请输入确认密码
   purePassWordDifferentReg: 两次密码不一致!
-  purePassWordUpdateReg: 修改密码成功
+  purePassWordUpdateReg: 修改密码成功
-  pureLoginExpired: 登录已过期，请重新登录
-tableBar:
-  pureList: 列表
-  pureLarge: 宽松
-  pureDefault: 默认
-  pureSmall: 紧凑
-  pureColumnSettings: 列设置
-  pureCollapse: 折叠
-  pureExpand: 展开
-  pureRefresh: 刷新
-  pureDensity: 密度
-  pureColumnDisplay: 列展示
-  pureReset: 重置
-  pureExitFullScreen: 退出全屏
-  pureFullScreen: 全屏

mock/asyncRoutes.ts

@@ -326,8 +326,7 @@ export default defineFakeRoute([
     method: "get",
     response: () => {
       return {
-        code: 0,
+        success: true,
-        message: "操作成功",
         data: [
           systemManagementRouter,
           systemMonitorRouter,

mock/list.ts

@@ -6,8 +6,7 @@ export default defineFakeRoute([
     method: "post",
     response: () => {
       return {
-        code: 0,
+        success: true,
-        message: "操作成功",
         data: {
           list: [
             {

mock/login.ts

@@ -8,8 +8,7 @@ export default defineFakeRoute([
     response: ({ body }) => {
       if (body.username === "admin") {
         return {
-          code: 0,
+          success: true,
-          message: "操作成功",
           data: {
             avatar: "https://avatars.githubusercontent.com/u/44761321",
             username: "admin",
@@ -25,8 +24,7 @@ export default defineFakeRoute([
         };
       } else {
         return {
-          code: 0,
+          success: true,
-          message: "操作成功",
           data: {
             avatar: "https://avatars.githubusercontent.com/u/52823142",
             username: "common",

mock/map.ts

@@ -33,8 +33,7 @@ export default defineFakeRoute([
     method: "get",
     response: () => {
       return {
-        code: 0,
+        success: true,
-        message: "操作成功",
         data: mapList()
       };
     }

mock/mine.ts

@@ -8,8 +8,7 @@ export default defineFakeRoute([
     method: "get",
     response: () => {
       return {
-        code: 0,
+        success: true,
-        message: "操作成功",
         data: {
           avatar: "https://avatars.githubusercontent.com/u/44761321",
           username: "admin",
@@ -47,8 +46,7 @@ export default defineFakeRoute([
         }
       ];
       return {
-        code: 0,
+        success: true,
-        message: "操作成功",
         data: {
           list,
           total: list.length, // 总条目数

mock/refreshToken.ts

@@ -8,8 +8,7 @@ export default defineFakeRoute([
     response: ({ body }) => {
       if (body.refreshToken) {
         return {
-          code: 0,
+          success: true,
-          message: "操作成功",
           data: {
             accessToken: "eyJhbGciOiJIUzUxMiJ9.newAdmin",
             refreshToken: "eyJhbGciOiJIUzUxMiJ9.newAdminRefresh",
@@ -19,8 +18,7 @@ export default defineFakeRoute([
         };
       } else {
         return {
-          code: 10001,
+          success: false,
-          message: "请求参数缺失或格式不正确",
           data: {}
         };
       }

mock/system.ts

@@ -50,8 +50,7 @@ export default defineFakeRoute([
       if (body.phone) list = list.filter(item => item.phone === body.phone);
       if (body.deptId) list = list.filter(item => item.dept.id === body.deptId);
       return {
-        code: 0,
+        success: true,
-        message: "操作成功",
         data: {
           list,
           total: list.length, // 总条目数
@@ -67,8 +66,7 @@ export default defineFakeRoute([
     method: "get",
     response: () => {
       return {
-        code: 0,
+        success: true,
-        message: "操作成功",
         data: [
           { id: 1, name: "超级管理员" },
           { id: 2, name: "普通角色" }
@@ -84,21 +82,18 @@ export default defineFakeRoute([
       if (body.userId) {
         if (body.userId == 1) {
           return {
-            code: 0,
+            success: true,
-            message: "操作成功",
             data: [1]
           };
         } else if (body.userId == 2) {
           return {
-            code: 0,
+            success: true,
-            message: "操作成功",
             data: [2]
           };
         }
       } else {
         return {
-          code: 10001,
+          success: false,
-          message: "请求参数缺失或格式不正确",
           data: []
         };
       }
@@ -135,8 +130,7 @@ export default defineFakeRoute([
       );
       if (body.code) list = list.filter(item => item.code === body.code);
       return {
-        code: 0,
+        success: true,
-        message: "操作成功",
         data: {
           list,
           total: list.length, // 总条目数
@@ -152,8 +146,7 @@ export default defineFakeRoute([
     method: "post",
     response: () => {
       return {
-        code: 0,
+        success: true,
-        message: "操作成功",
         data: [
           // 外部页面
           {
@@ -357,8 +350,7 @@ export default defineFakeRoute([
     response: ({ body }) => {
       if (body.id == 1) {
         return {
-          code: 0,
+          success: true,
-          message: "操作成功",
           data: [
             100, 101, 102, 103, 104, 105, 106, 107, 108, 109, 110, 200, 201,
             202, 203, 204, 205, 300, 301, 302, 303, 304, 400, 401, 402, 403,
@@ -367,8 +359,7 @@ export default defineFakeRoute([
         };
       } else if (body.id == 2) {
         return {
-          code: 0,
+          success: true,
-          message: "操作成功",
           data: [
             100, 101, 102, 103, 104, 105, 106, 107, 108, 109, 110, 404, 500,
             501, 502, 503
@@ -383,8 +374,7 @@ export default defineFakeRoute([
     method: "post",
     response: () => {
       return {
-        code: 0,
+        success: true,
-        message: "操作成功",
         data: [
           // 外部页面
           {
@@ -1265,8 +1255,7 @@ export default defineFakeRoute([
     method: "post",
     response: () => {
       return {
-        code: 0,
+        success: true,
-        message: "操作成功",
         data: [
           {
             name: "杭州总公司",
@@ -1429,8 +1418,7 @@ export default defineFakeRoute([
       ];
       list = list.filter(item => item.username.includes(body?.username));
       return {
-        code: 0,
+        success: true,
-        message: "操作成功",
         data: {
           list,
           total: list.length, // 总条目数
@@ -1474,8 +1462,7 @@ export default defineFakeRoute([
         String(item.status).includes(String(body?.status))
       );
       return {
-        code: 0,
+        success: true,
-        message: "操作成功",
         data: {
           list,
           total: list.length, // 总条目数
@@ -1521,8 +1508,7 @@ export default defineFakeRoute([
         String(item.status).includes(String(body?.status))
       );
       return {
-        code: 0,
+        success: true,
-        message: "操作成功",
         data: {
           list,
           total: list.length, // 总条目数
@@ -1580,8 +1566,7 @@ export default defineFakeRoute([
       ];
       list = list.filter(item => item.module.includes(body?.module));
       return {
-        code: 0,
+        success: true,
-        message: "操作成功",
         data: {
           list,
           total: list.length, // 总条目数
@@ -1616,8 +1601,7 @@ export default defineFakeRoute([
             "Content-Length": 17019
           },
           responseBody: {
-            code: 0,
+            success: true,
-            message: "操作成功",
             data: [
               {
                 parentId: 0,

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-pure-admin",
-  "version": "6.3.0",
+  "version": "6.2.0",
   "private": true,
   "type": "module",
   "scripts": {
@@ -54,125 +54,125 @@
     "@logicflow/extension": "^1.2.28",
     "@pureadmin/descriptions": "^1.2.1",
     "@pureadmin/table": "^3.3.0",
-    "@pureadmin/utils": "^2.6.4",
+    "@pureadmin/utils": "^2.6.2",
     "@vue-flow/background": "^1.3.2",
-    "@vue-flow/core": "^1.48.2",
+    "@vue-flow/core": "^1.47.0",
-    "@vueuse/core": "^14.2.1",
+    "@vueuse/core": "^13.9.0",
     "@vueuse/motion": "^3.0.3",
     "@wangeditor/editor": "^5.1.23",
     "@wangeditor/editor-for-vue": "^5.1.12",
     "@zxcvbn-ts/core": "^3.0.4",
     "animate.css": "^4.1.1",
-    "axios": "^1.13.5",
+    "axios": "^1.12.2",
     "china-area-data": "^5.0.1",
-    "codemirror": "^5.65.21",
+    "codemirror": "^5.65.20",
     "codemirror-editor-vue3": "^2.8.0",
     "cropperjs": "^1.6.2",
-    "dayjs": "^1.11.19",
+    "dayjs": "^1.11.18",
-    "deep-chat": "^2.4.2",
+    "deep-chat": "^2.2.2",
     "echarts": "^6.0.0",
-    "el-table-infinite-scroll": "^3.0.8",
+    "el-table-infinite-scroll": "^3.0.7",
-    "element-plus": "^2.13.2",
+    "element-plus": "^2.11.7",
     "highlight.js": "^11.11.1",
     "intro.js": "^7.2.0",
     "js-cookie": "^3.0.5",
-    "jsbarcode": "^3.12.3",
+    "jsbarcode": "^3.12.1",
     "localforage": "^1.10.0",
     "mint-filter": "^4.0.3",
     "mitt": "^3.0.1",
     "mqtt": "4.3.7",
     "nprogress": "^0.2.0",
     "path-browserify": "^1.0.1",
-    "pinia": "^3.0.4",
+    "pinia": "^3.0.3",
-    "pinyin-pro": "^3.28.0",
+    "pinyin-pro": "^3.27.0",
-    "plus-pro-components": "^0.1.30",
+    "plus-pro-components": "^0.1.29",
     "qrcode": "^1.5.4",
-    "qs": "^6.14.2",
+    "qs": "^6.14.0",
     "responsive-storage": "^2.2.0",
-    "sortablejs": "^1.15.7",
+    "sortablejs": "^1.15.6",
-    "swiper": "^12.1.0",
+    "swiper": "^12.0.2",
     "typeit": "^8.8.7",
     "v-contextmenu": "^3.2.0",
     "v3-infinite-loading": "^1.3.2",
     "vditor": "^3.11.2",
     "version-rocket": "^1.7.4",
-    "vue": "^3.5.28",
+    "vue": "^3.5.22",
-    "vue-i18n": "^11.2.8",
+    "vue-i18n": "^11.1.12",
-    "vue-json-pretty": "^2.6.0",
+    "vue-json-pretty": "^2.5.0",
     "vue-pdf-embed": "^2.1.3",
-    "vue-router": "^5.0.2",
+    "vue-router": "^4.5.1",
     "vue-tippy": "^6.7.1",
     "vue-types": "^6.0.0",
     "vue-virtual-scroller": "2.0.0-beta.8",
     "vue-waterfall-plugin-next": "^2.6.9",
-    "vue3-danmaku": "^1.6.7",
+    "vue3-danmaku": "^1.6.6",
     "vue3-puzzle-vcode": "^1.1.7",
     "vuedraggable": "^4.1.0",
     "vxe-table": "4.6.25",
-    "wavesurfer.js": "^7.12.1",
+    "wavesurfer.js": "^7.11.0",
     "xgplayer": "^3.0.23",
     "xlsx": "^0.18.5"
   },
   "devDependencies": {
-    "@commitlint/cli": "^20.4.1",
+    "@commitlint/cli": "^20.1.0",
-    "@commitlint/config-conventional": "^20.4.1",
+    "@commitlint/config-conventional": "^20.0.0",
-    "@commitlint/types": "^20.4.0",
+    "@commitlint/types": "^20.0.0",
-    "@eslint/js": "^9.39.2",
+    "@eslint/js": "^9.37.0",
-    "@faker-js/faker": "^10.3.0",
+    "@faker-js/faker": "^10.0.0",
-    "@iconify/json": "^2.2.439",
+    "@iconify/json": "^2.2.393",
     "@iconify/vue": "4.2.0",
-    "@intlify/unplugin-vue-i18n": "^11.0.3",
+    "@intlify/unplugin-vue-i18n": "^11.0.1",
-    "@tailwindcss/vite": "^4.1.18",
+    "@tailwindcss/vite": "^4.1.14",
-    "@types/codemirror": "^5.60.17",
+    "@types/codemirror": "^5.60.16",
     "@types/dagre": "^0.7.53",
     "@types/intro.js": "^5.1.5",
     "@types/js-cookie": "^3.0.6",
-    "@types/node": "^20.19.33",
+    "@types/node": "^20.19.19",
     "@types/nprogress": "^0.2.3",
     "@types/path-browserify": "^1.0.3",
-    "@types/qrcode": "^1.5.6",
+    "@types/qrcode": "^1.5.5",
     "@types/qs": "^6.14.0",
-    "@types/sortablejs": "^1.15.9",
+    "@types/sortablejs": "^1.15.8",
-    "@vitejs/plugin-vue": "^6.0.4",
+    "@vitejs/plugin-vue": "^6.0.1",
-    "@vitejs/plugin-vue-jsx": "^5.1.4",
+    "@vitejs/plugin-vue-jsx": "^5.1.1",
     "boxen": "^8.0.1",
-    "code-inspector-plugin": "^1.4.2",
+    "code-inspector-plugin": "^1.2.10",
-    "cssnano": "^7.1.2",
+    "cssnano": "^7.1.1",
     "dagre": "^0.8.5",
-    "eslint": "^9.39.2",
+    "eslint": "^9.37.0",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-prettier": "^5.5.5",
+    "eslint-plugin-prettier": "^5.5.4",
-    "eslint-plugin-vue": "^10.7.0",
+    "eslint-plugin-vue": "^10.5.0",
     "gradient-string": "^3.0.0",
     "husky": "^9.1.7",
-    "lint-staged": "^16.2.7",
+    "lint-staged": "^16.2.3",
     "postcss": "^8.5.6",
-    "postcss-html": "^1.8.1",
+    "postcss-html": "^1.8.0",
     "postcss-load-config": "^6.0.1",
     "postcss-scss": "^4.0.9",
-    "prettier": "^3.8.1",
+    "prettier": "^3.6.2",
-    "rimraf": "^6.1.2",
+    "rimraf": "^6.0.1",
-    "rollup-plugin-visualizer": "^6.0.5",
+    "rollup-plugin-visualizer": "^6.0.4",
-    "sass": "^1.97.3",
+    "sass": "^1.93.2",
-    "stylelint": "^17.2.0",
+    "stylelint": "^16.25.0",
-    "stylelint-config-recess-order": "^7.6.1",
+    "stylelint-config-recess-order": "^7.3.0",
     "stylelint-config-recommended-vue": "^1.6.1",
-    "stylelint-config-standard-scss": "^17.0.0",
+    "stylelint-config-standard-scss": "^14.0.0",
     "stylelint-prettier": "^5.0.3",
     "svgo": "^4.0.0",
-    "tailwindcss": "^4.1.18",
+    "tailwindcss": "^4.1.14",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.55.0",
+    "typescript-eslint": "^8.46.0",
-    "unplugin-icons": "^23.0.1",
+    "unplugin-icons": "^22.4.2",
-    "vite": "^7.3.1",
+    "vite": "^7.1.9",
     "vite-plugin-cdn-import": "^1.0.1",
     "vite-plugin-compression": "^0.5.1",
-    "vite-plugin-fake-server": "^2.2.2",
+    "vite-plugin-fake-server": "^2.2.0",
     "vite-plugin-remove-console": "^2.2.0",
-    "vite-plugin-router-warn": "^2.0.0",
+    "vite-plugin-router-warn": "^1.0.0",
     "vite-svg-loader": "^5.1.0",
     "vue-eslint-parser": "^10.2.0",
-    "vue-tsc": "^3.2.4"
+    "vue-tsc": "^3.1.1"
   },
   "engines": {
     "node": "^20.19.0 || >=22.13.0",
@@ -206,4 +206,4 @@
       "vue3-danmaku"
     ]
   }
-}
+}

public/platform-config.json

@@ -1,5 +1,5 @@
 {
-  "Version": "6.3.0",
+  "Version": "6.2.0",
   "Title": "PureAdmin",
   "FixedHeader": true,
   "HiddenSideBar": false,
@@ -9,7 +9,7 @@
   "Layout": "vertical",
   "Theme": "light",
   "DarkMode": false,
-  "ThemeMode": "light",
+  "OverallStyle": "light",
   "Grey": false,
   "Weak": false,
   "HideTabs": false,

src/App.vue

@@ -7,17 +7,16 @@
 </template>
 
 <script lang="ts">
-import { useRouter } from "vue-router";
+import { defineComponent } from "vue";
-import { useGlobal } from "@pureadmin/utils";
 import { checkVersion } from "version-rocket";
-import { defineComponent, computed } from "vue";
 import { ElConfigProvider } from "element-plus";
-import { ReDialog, closeAllDialog } from "@/components/ReDialog";
+import { ReDialog } from "@/components/ReDialog";
-import { ReDrawer, closeAllDrawer } from "@/components/ReDrawer";
+import { ReDrawer } from "@/components/ReDrawer";
 import en from "element-plus/es/locale/lang/en";
 import zhCn from "element-plus/es/locale/lang/zh-cn";
 import plusEn from "plus-pro-components/es/locale/lang/en";
 import plusZhCn from "plus-pro-components/es/locale/lang/zh-cn";
+import { ElNotification } from "element-plus";
 
 export default defineComponent({
   name: "app",
@@ -26,23 +25,12 @@ export default defineComponent({
     ReDialog,
     ReDrawer
   },
-  setup() {
+  computed: {
-    const router = useRouter();
+    currentLocale() {
-    const { $storage } = useGlobal<GlobalPropertiesApi>();
+      return this.$storage.locale?.locale === "zh"
-    const currentLocale = computed(() => {
-      return $storage.locale?.locale === "zh"
         ? { ...zhCn, ...plusZhCn }
         : { ...en, ...plusEn };
-    });
+    }
-
-    router.beforeEach(() => {
-      closeAllDialog();
-      closeAllDrawer();
-    });
-
-    return {
-      currentLocale
-    };
   },
   beforeCreate() {
     const { version, name: title } = __APP_INFO__.pkg;
@@ -67,5 +55,31 @@ export default defineComponent({
       );
     }
   }
+  // mounted() {
+  //   ElNotification({
+  //     title: "平台最新活动与动态",
+  //     duration: 0,
+  //     customClass: "fullpage-notification",
+  //     // @ts-expect-error
+  //     style: { width: "260px" },
+  //     position: "bottom-right",
+  //     dangerouslyUseHTMLString: true,
+  //     message: `
+  //       <a target='_blank' class='block text-base text-center border mt-4 rounded hover:text-[red]!' href='https://pure-admin.cn/pages/service/#%E6%9C%80%E6%96%B0%E6%B4%BB%E5%8A%A8%E4%B8%8E%E5%8A%A8%E6%80%81'>
+  //       点我查看
+  //       </a>
+  //     `
+  //   });
+  // }
 });
 </script>
+
+<style>
+.fullpage-notification > .el-notification__group > .el-notification__closeBtn {
+  top: 15px;
+}
+.fullpage-notification > div > h2 {
+  color: red;
+  font-size: 18px;
+}
+</style>

src/api/list.ts

@@ -1,8 +1,7 @@
 import { http } from "@/utils/http";
 
 type Result = {
-  code: number;
+  success: boolean;
-  message: string;
   data?: {
     /** 列表数据 */
     list: Array<any>;

src/api/mock.ts

@@ -1,8 +1,7 @@
 import { http } from "@/utils/http";
 
 type Result = {
-  code: number;
+  success: boolean;
-  message: string;
   data: Array<any>;
 };
 
@@ -15,7 +14,7 @@ export const mapJson = (params?: object) => {
 export const formUpload = data => {
   return http.request<Result>(
     "post",
-    "https://pureadmin.free.beeceptor.com/images",
+    "https://run.mocky.io/v3/3aa761d7-b0b3-4a03-96b3-6168d4f7467b",
     { data },
     {
       headers: {

src/api/routes.ts

@@ -1,8 +1,7 @@
 import { http } from "@/utils/http";
 
 type Result = {
-  code: number;
+  success: boolean;
-  message: string;
   data: Array<any>;
 };
 

src/api/system.ts

@@ -1,14 +1,12 @@
 import { http } from "@/utils/http";
 
 type Result = {
-  code: number;
+  success: boolean;
-  message: string;
   data?: Array<any>;
 };
 
 type ResultTable = {
-  code: number;
+  success: boolean;
-  message: string;
   data?: {
     /** 列表数据 */
     list: Array<any>;

src/api/user.ts

@@ -1,8 +1,7 @@
 import { http } from "@/utils/http";
 
 export type UserResult = {
-  code: number;
+  success: boolean;
-  message: string;
   data: {
     /** 头像 */
     avatar: string;
@@ -24,8 +23,7 @@ export type UserResult = {
 };
 
 export type RefreshTokenResult = {
-  code: number;
+  success: boolean;
-  message: string;
   data: {
     /** `token` */
     accessToken: string;
@@ -52,14 +50,12 @@ export type UserInfo = {
 };
 
 export type UserInfoResult = {
-  code: number;
+  success: boolean;
-  message: string;
   data: UserInfo;
 };
 
 type ResultTable = {
-  code: number;
+  success: boolean;
-  message: string;
   data?: {
     /** 列表数据 */
     list: Array<any>;

src/components/ReMap/src/Amap.vue

@@ -92,16 +92,14 @@ onBeforeMount(() => {
 
       // 获取模拟车辆信息
       mapJson()
-        .then(({ code, data }) => {
+        .then(({ data }) => {
-          if (code === 0) {
+          const points: object = data.map(v => {
-            const points: object = data.map(v => {
+            return {
-              return {
+              lnglat: [v.lng, v.lat],
-                lnglat: [v.lng, v.lat],
+              ...v
-                ...v
+            };
-              };
+          });
-            });
+          if (MarkerCluster) MarkerCluster.setData(points);
-            if (MarkerCluster) MarkerCluster.setData(points);
-          }
         })
         .catch(err => {
           console.log("err:", err);

src/components/RePureTableBar/src/bar.tsx

@@ -1,5 +1,5 @@
 import Sortable from "sortablejs";
-import { $t, transformI18n } from "@/plugins/i18n";
+import { transformI18n } from "@/plugins/i18n";
 import { useEpThemeStoreHook } from "@/store/modules/epTheme";
 import {
   type PropType,
@@ -30,7 +30,7 @@ const props = {
   /** 头部最左边的标题 */
   title: {
     type: String,
-    default: $t("tableBar.pureList")
+    default: "列表"
   },
   /** 对于树形表格，如果想启用展开和折叠功能，传入当前表格的ref即可 */
   tableRef: {
@@ -169,19 +169,19 @@ export default defineComponent({
             style={getDropdownItemStyle.value("large")}
             onClick={() => (size.value = "large")}
           >
-            {transformI18n($t("tableBar.pureLarge"))}
+            宽松
           </el-dropdown-item>
           <el-dropdown-item
             style={getDropdownItemStyle.value("default")}
             onClick={() => (size.value = "default")}
           >
-            {transformI18n($t("tableBar.pureDefault"))}
+            默认
           </el-dropdown-item>
           <el-dropdown-item
             style={getDropdownItemStyle.value("small")}
             onClick={() => (size.value = "small")}
           >
-            {transformI18n($t("tableBar.pureSmall"))}
+            紧凑
           </el-dropdown-item>
         </el-dropdown-menu>
       )
@@ -245,9 +245,7 @@ export default defineComponent({
       reference: () => (
         <SettingIcon
           class={["w-[16px]", iconClass.value]}
-          v-tippy={rendTippyProps(
+          v-tippy={rendTippyProps("列设置")}
-            transformI18n($t("tableBar.pureColumnSettings"))
-          )}
         />
       )
     };
@@ -270,7 +268,7 @@ export default defineComponent({
             {slots?.title ? (
               slots.title()
             ) : (
-              <p class="font-bold truncate">{transformI18n(props.title)}</p>
+              <p class="font-bold truncate">{props.title}</p>
             )}
             <div class="flex items-center justify-around">
               {slots?.buttons ? (
@@ -284,9 +282,7 @@ export default defineComponent({
                       transform: isExpandAll.value ? "none" : "rotate(-90deg)"
                     }}
                     v-tippy={rendTippyProps(
-                      isExpandAll.value
+                      isExpandAll.value ? "折叠" : "展开"
-                        ? transformI18n($t("tableBar.pureCollapse"))
-                        : transformI18n($t("tableBar.pureExpand"))
                     )}
                     onClick={() => onExpand()}
                   />
@@ -299,18 +295,14 @@ export default defineComponent({
                   iconClass.value,
                   loading.value ? "animate-spin" : ""
                 ]}
-                v-tippy={rendTippyProps(
+                v-tippy={rendTippyProps("刷新")}
-                  transformI18n($t("tableBar.pureRefresh"))
-                )}
                 onClick={() => onReFresh()}
               />
               <el-divider direction="vertical" />
               <el-dropdown
                 v-slots={dropdown}
                 trigger="click"
-                v-tippy={rendTippyProps(
+                v-tippy={rendTippyProps("密度")}
-                  transformI18n($t("tableBar.pureDensity"))
-                )}
               >
                 <CollapseIcon class={["w-[16px]", iconClass.value]} />
               </el-dropdown>
@@ -326,13 +318,13 @@ export default defineComponent({
                 <div class={[topClass.value]}>
                   <el-checkbox
                     class="-mr-1!"
-                    label={transformI18n($t("tableBar.pureColumnDisplay"))}
+                    label="列展示"
                     v-model={checkAll.value}
                     indeterminate={isIndeterminate.value}
                     onChange={value => handleCheckAllChange(value)}
                   />
                   <el-button type="primary" link onClick={() => onReset()}>
-                    {transformI18n($t("tableBar.pureReset"))}
+                    重置
                   </el-button>
                 </div>
 
@@ -390,11 +382,7 @@ export default defineComponent({
               <iconifyIconOffline
                 class={["w-[16px]", iconClass.value]}
                 icon={isFullscreen.value ? ExitFullscreen : Fullscreen}
-                v-tippy={
+                v-tippy={isFullscreen.value ? "退出全屏" : "全屏"}
-                  isFullscreen.value
-                    ? transformI18n($t("tableBar.pureExitFullScreen"))
-                    : transformI18n($t("tableBar.pureFullScreen"))
-                }
                 onClick={() => onFullscreen()}
               />
             </div>

src/components/ReSeamlessScroll/src/index.vue

@@ -5,10 +5,14 @@ import {
   ref,
   unref,
   nextTick,
-  computed,
+  computed
-  useTemplateRef
 } from "vue";
-import { tryOnMounted, tryOnUnmounted, useDebounceFn } from "@vueuse/core";
+import {
+  tryOnMounted,
+  tryOnUnmounted,
+  templateRef,
+  useDebounceFn
+} from "@vueuse/core";
 import * as utilsMethods from "./utils";
 const { animationFrame, copyObj } = utilsMethods;
 animationFrame();
@@ -58,14 +62,17 @@ if (props.classOption["key"] === undefined) {
   props.classOption["key"] = 0;
 }
 
-const wrap = useTemplateRef<HTMLElement | null>(
+const wrap = templateRef<HTMLElement | null>(
-  `wrap${props.classOption["key"]}`
+  `wrap${props.classOption["key"]}`,
+  null
 );
-const slotList = useTemplateRef<HTMLElement | null>(
+const slotList = templateRef<HTMLElement | null>(
-  `slotList${props.classOption["key"]}`
+  `slotList${props.classOption["key"]}`,
+  null
 );
-const realBox = useTemplateRef<HTMLElement | null>(
+const realBox = templateRef<HTMLElement | null>(
-  `realBox${props.classOption["key"]}`
+  `realBox${props.classOption["key"]}`,
+  null
 );
 
 const leftSwitchState = computed(() => {

src/components/ReVxeTableBar/src/bar.tsx

@@ -1,5 +1,5 @@
 import Sortable from "sortablejs";
-import { $t, transformI18n } from "@/plugins/i18n";
+import { transformI18n } from "@/plugins/i18n";
 import { useEpThemeStoreHook } from "@/store/modules/epTheme";
 import { delay, cloneDeep, getKeyList } from "@pureadmin/utils";
 import {
@@ -24,7 +24,7 @@ const props = {
   /** 头部最左边的标题 */
   title: {
     type: String,
-    default: $t("tableBar.pureList")
+    default: "列表"
   },
   vxeTableRef: {
     type: Object as PropType<any>
@@ -161,19 +161,19 @@ export default defineComponent({
             style={getDropdownItemStyle.value("medium")}
             onClick={() => changeSize("medium")}
           >
-            {transformI18n($t("tableBar.pureLarge"))}
+            宽松
           </el-dropdown-item>
           <el-dropdown-item
             style={getDropdownItemStyle.value("small")}
             onClick={() => changeSize("small")}
           >
-            {transformI18n($t("tableBar.pureDefault"))}
+            默认
           </el-dropdown-item>
           <el-dropdown-item
             style={getDropdownItemStyle.value("mini")}
             onClick={() => changeSize("mini")}
           >
-            {transformI18n($t("tableBar.pureSmall"))}
+            紧凑
           </el-dropdown-item>
         </el-dropdown-menu>
       )
@@ -238,9 +238,7 @@ export default defineComponent({
       reference: () => (
         <SettingIcon
           class={["w-[16px]", iconClass.value]}
-          v-tippy={rendTippyProps(
+          v-tippy={rendTippyProps("列设置")}
-            transformI18n($t("tableBar.pureColumnSettings"))
-          )}
         />
       )
     };
@@ -263,7 +261,7 @@ export default defineComponent({
             {slots?.title ? (
               slots.title()
             ) : (
-              <p class="font-bold truncate">{transformI18n(props.title)}</p>
+              <p class="font-bold truncate">{props.title}</p>
             )}
             <div class="flex items-center justify-around">
               {slots?.buttons ? (
@@ -277,9 +275,7 @@ export default defineComponent({
                       transform: isExpandAll.value ? "none" : "rotate(-90deg)"
                     }}
                     v-tippy={rendTippyProps(
-                      isExpandAll.value
+                      isExpandAll.value ? "折叠" : "展开"
-                        ? transformI18n($t("tableBar.pureCollapse"))
-                        : transformI18n($t("tableBar.pureExpand"))
                     )}
                     onClick={() => onExpand()}
                   />
@@ -292,18 +288,14 @@ export default defineComponent({
                   iconClass.value,
                   loading.value ? "animate-spin" : ""
                 ]}
-                v-tippy={rendTippyProps(
+                v-tippy={rendTippyProps("刷新")}
-                  transformI18n($t("tableBar.pureRefresh"))
-                )}
                 onClick={() => onReFresh()}
               />
               <el-divider direction="vertical" />
               <el-dropdown
                 v-slots={dropdown}
                 trigger="click"
-                v-tippy={rendTippyProps(
+                v-tippy={rendTippyProps("密度")}
-                  transformI18n($t("tableBar.pureDensity"))
-                )}
               >
                 <CollapseIcon class={["w-[16px]", iconClass.value]} />
               </el-dropdown>
@@ -319,13 +311,13 @@ export default defineComponent({
                 <div class={[topClass.value]}>
                   <el-checkbox
                     class="-mr-1!"
-                    label={transformI18n($t("tableBar.pureColumnDisplay"))}
+                    label="列展示"
                     v-model={checkAll.value}
                     indeterminate={isIndeterminate.value}
                     onChange={value => handleCheckAllChange(value)}
                   />
                   <el-button type="primary" link onClick={() => onReset()}>
-                    {transformI18n($t("tableBar.pureReset"))}
+                    重置
                   </el-button>
                 </div>
 
@@ -381,11 +373,7 @@ export default defineComponent({
               <iconifyIconOffline
                 class={["w-[16px]", iconClass.value]}
                 icon={isFullscreen.value ? ExitFullscreen : Fullscreen}
-                v-tippy={
+                v-tippy={isFullscreen.value ? "退出全屏" : "全屏"}
-                  isFullscreen.value
-                    ? transformI18n($t("tableBar.pureExitFullScreen"))
-                    : transformI18n($t("tableBar.pureFullScreen"))
-                }
                 onClick={() => onFullscreen()}
               />
             </div>

src/directives/ripple/index.ts

@@ -10,10 +10,8 @@ export interface RippleOptions {
   circle?: boolean;
 }
 
-export interface RippleDirectiveBinding extends Omit<
+export interface RippleDirectiveBinding
-  DirectiveBinding,
+  extends Omit<DirectiveBinding, "modifiers" | "value"> {
-  "modifiers" | "value"
-> {
   value?: boolean | { class: string };
   modifiers: {
     center?: boolean;

src/layout/components/lay-footer/index.vue

@@ -8,7 +8,7 @@ const TITLE = getConfig("Title");
   <footer
     class="layout-footer text-[rgba(0,0,0,0.6)] dark:text-[rgba(220,220,242,0.8)]"
   >
-    Copyright © 2020-present
+    Copyright © 2020-2025
     <a
       class="hover:text-primary!"
       href="https://github.com/pure-admin"
@@ -16,12 +16,23 @@ const TITLE = getConfig("Title");
     >
       &nbsp;{{ TITLE }}
     </a>
+    <!-- <div class="ml-8">
+      <span>赞助商：</span>
+      <a
+        class="hover:text-primary"
+        href="https://ai-tools.cn/resume/start"
+        target="_blank"
+      >
+        二猫 AI 简历
+      </a>
+    </div> -->
   </footer>
 </template>
 
 <style lang="scss" scoped>
 .layout-footer {
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   width: 100%;

src/layout/components/lay-navbar/index.vue

@@ -53,11 +53,9 @@ const { t, locale, translationCh, translationEn } = useTranslationLang();
       <LaySearch id="header-search" />
       <!-- 国际化 -->
       <el-dropdown id="header-translation" trigger="click">
-        <div
+        <GlobalizationIcon
-          class="globalization-icon navbar-bg-hover hover:[&>svg]:animate-scale-bounce"
+          class="navbar-bg-hover w-[40px] h-[48px] p-[11px] cursor-pointer outline-hidden"
-        >
+        />
-          <IconifyIconOffline :icon="GlobalizationIcon" />
-        </div>
         <template #dropdown>
           <el-dropdown-menu class="translation">
             <el-dropdown-item
@@ -115,7 +113,7 @@ const { t, locale, translationCh, translationEn } = useTranslationLang();
         </template>
       </el-dropdown>
       <span
-        class="set-icon navbar-bg-hover hover:[&>svg]:animate-scale-bounce"
+        class="set-icon navbar-bg-hover"
         :title="t('buttons.pureOpenSystemSet')"
         @click="onPanel"
       >
@@ -174,7 +172,7 @@ const { t, locale, translationCh, translationEn } = useTranslationLang();
 }
 
 .translation {
-  :deep(.el-dropdown-menu__item) {
+  ::v-deep(.el-dropdown-menu__item) {
     padding: 5px 40px;
   }
 
@@ -192,7 +190,7 @@ const { t, locale, translationCh, translationEn } = useTranslationLang();
 .logout {
   width: 120px;
 
-  :deep(.el-dropdown-menu__item) {
+  ::v-deep(.el-dropdown-menu__item) {
     display: inline-flex;
     flex-wrap: wrap;
     min-width: 100%;

src/layout/components/lay-notice/components/NoticeItem.vue

@@ -8,10 +8,6 @@ defineProps({
   noticeItem: {
     type: Object as PropType<ListItem>,
     default: () => {}
-  },
-  isLast: {
-    type: Boolean,
-    default: false
   }
 });
 
@@ -53,11 +49,7 @@ function hoverDescription(event, description) {
 
 <template>
   <div
-    :class="[
+    class="notice-container border-0 border-b-[1px] border-solid border-[#f0f0f0] dark:border-[#303030]"
-      'notice-container',
-      'border-0 border-solid border-[#f0f0f0] dark:border-[#303030]',
-      { 'border-b': !isLast }
-    ]"
   >
     <el-avatar
       v-if="noticeItem.avatar"
@@ -127,6 +119,8 @@ function hoverDescription(event, description) {
   justify-content: space-between;
   padding: 12px 0;
 
+  // border-bottom: 1px solid #f0f0f0;
+
   .notice-container-avatar {
     margin-right: 16px;
     background: #fff;

src/layout/components/lay-notice/components/NoticeList.vue

@@ -18,12 +18,7 @@ defineProps({
 
 <template>
   <div v-if="list.length">
-    <NoticeItem
+    <NoticeItem v-for="(item, index) in list" :key="index" :noticeItem="item" />
-      v-for="(item, index) in list"
-      :key="index"
-      :noticeItem="item"
-      :isLast="index === list.length - 1"
-    />
   </div>
   <el-empty v-else :description="transformI18n(emptyText)" />
 </template>

src/layout/components/lay-notice/index.vue

@@ -3,53 +3,32 @@ import { useI18n } from "vue-i18n";
 import { ref, computed } from "vue";
 import { noticesData } from "./data";
 import NoticeList from "./components/NoticeList.vue";
-
+import BellIcon from "~icons/ep/bell";
-import BellIcon from "~icons/lucide/bell";
-import ArrowRightIcon from "~icons/ri/arrow-right-s-line";
 
 const { t } = useI18n();
-const dropdownRef = ref();
+const noticesNum = ref(0);
 const notices = ref(noticesData);
 const activeKey = ref(noticesData[0]?.key);
 
+notices.value.map(v => (noticesNum.value += v.list.length));
+
 const getLabel = computed(
   () => item =>
     t(item.name) + (item.list.length > 0 ? `(${item.list.length})` : "")
 );
-
-const currentNoticeHasData = computed(() => {
-  const currentNotice = notices.value.find(
-    item => item.key === activeKey.value
-  );
-  return currentNotice && currentNotice.list.length > 0;
-});
-
-const hasAnyNoticeData = computed(() => {
-  return notices.value.some(
-    item => Array.isArray(item.list) && item.list.length > 0
-  );
-});
-
-const onWatchMore = () => {
-  dropdownRef.value.handleClose();
-};
-
-const onMarkAsRead = () => {
-  const currentNotice = notices.value.find(
-    item => item.key === activeKey.value
-  );
-  if (currentNotice) {
-    currentNotice.list = [];
-  }
-};
 </script>
 
 <template>
-  <el-dropdown ref="dropdownRef" trigger="click" placement="bottom-end">
+  <el-dropdown trigger="click" placement="bottom-end">
     <span
-      :class="['dropdown-badge', 'navbar-bg-hover', 'select-none', 'mr-[7px]']"
+      :class="[
+        'dropdown-badge',
+        'navbar-bg-hover',
+        'select-none',
+        Number(noticesNum) !== 0 && 'mr-[10px]'
+      ]"
     >
-      <el-badge is-dot :hidden="!hasAnyNoticeData">
+      <el-badge :value="Number(noticesNum) === 0 ? '' : noticesNum" :max="99">
         <span class="header-notice-icon">
           <IconifyIconOffline :icon="BellIcon" />
         </span>
@@ -71,7 +50,7 @@ const onMarkAsRead = () => {
           <span v-else>
             <template v-for="item in notices" :key="item.key">
               <el-tab-pane :label="getLabel(item)" :name="`${item.key}`">
-                <el-scrollbar max-height="345px">
+                <el-scrollbar max-height="330px">
                   <div class="noticeList-container">
                     <NoticeList :list="item.list" :emptyText="item.emptyText" />
                   </div>
@@ -80,54 +59,12 @@ const onMarkAsRead = () => {
             </template>
           </span>
         </el-tabs>
-        <div
-          v-if="currentNoticeHasData"
-          class="border-t border-t-(--el-border-color-light) text-sm"
-        >
-          <div class="flex-bc m-1">
-            <el-button type="primary" size="small" text @click="onWatchMore">
-              {{ t("buttons.pureWatchMore") }}
-              <IconifyIconOffline :icon="ArrowRightIcon" />
-            </el-button>
-            <el-button type="primary" size="small" text @click="onMarkAsRead">
-              {{ t("buttons.pureMarkAsRead") }}
-            </el-button>
-          </div>
-        </div>
       </el-dropdown-menu>
     </template>
   </el-dropdown>
 </template>
 
 <style lang="scss" scoped>
-/* ”铃铛“摇晃衰减动画 */
-@keyframes pure-bell-ring {
-  0%,
-  100% {
-    transform-origin: top;
-  }
-
-  15% {
-    transform: rotateZ(10deg);
-  }
-
-  30% {
-    transform: rotateZ(-10deg);
-  }
-
-  45% {
-    transform: rotateZ(5deg);
-  }
-
-  60% {
-    transform: rotateZ(-5deg);
-  }
-
-  75% {
-    transform: rotateZ(2deg);
-  }
-}
-
 .dropdown-badge {
   display: flex;
   align-items: center;
@@ -137,13 +74,7 @@ const onMarkAsRead = () => {
   cursor: pointer;
 
   .header-notice-icon {
-    font-size: 16px;
+    font-size: 18px;
-  }
-
-  &:hover {
-    .header-notice-icon svg {
-      animation: pure-bell-ring 1s both;
-    }
   }
 }
 

src/layout/components/lay-panel/index.vue

@@ -51,7 +51,7 @@ onBeforeUnmount(() => {
     <div class="right-panel-background" />
     <div ref="target" class="right-panel bg-bg_color">
       <div
-        class="flex-bc py-3 px-5 border-0 border-l border-solid border-(--pure-border-color)"
+        class="project-configuration border-0 border-b-[1px] border-solid border-[var(--pure-border-color)]"
       >
         <h4 class="dark:text-white">
           {{ t("panel.pureSystemSet") }}
@@ -73,14 +73,12 @@ onBeforeUnmount(() => {
           />
         </span>
       </div>
-      <el-scrollbar
+      <el-scrollbar>
-        class="border-y border-l border-r-0 border-solid border-(--pure-border-color) h-[calc(100vh-104px)]!"
-      >
         <slot />
       </el-scrollbar>
 
       <div
-        class="flex justify-end p-3 border-0 border-l border-solid border-(--pure-border-color)"
+        class="flex justify-end p-3 border-0 border-t-[1px] border-solid border-[var(--pure-border-color)]"
       >
         <el-button
           v-tippy="{
@@ -101,6 +99,10 @@ onBeforeUnmount(() => {
 </template>
 
 <style lang="scss" scoped>
+:deep(.el-scrollbar) {
+  height: calc(100vh - 110px);
+}
+
 .right-panel-background {
   position: fixed;
   top: 0;
@@ -137,4 +139,11 @@ onBeforeUnmount(() => {
     transform: translate(0);
   }
 }
+
+.project-configuration {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 14px 20px;
+}
 </style>

src/layout/components/lay-search/index.vue

@@ -11,7 +11,7 @@ function handleSearch() {
 <template>
   <div>
     <div
-      class="search-container w-[40px] h-[48px] flex-c cursor-pointer navbar-bg-hover hover:[&>svg]:animate-scale-bounce"
+      class="search-container w-[40px] h-[48px] flex-c cursor-pointer navbar-bg-hover"
       @click="handleSearch"
     >
       <IconifyIconOffline icon="ri/search-line" />

src/layout/components/lay-setting/index.vue

@@ -37,7 +37,7 @@ const horizontalRef = ref();
 
 const {
   dataTheme,
-  themeMode,
+  overallStyle,
   layoutTheme,
   themeColors,
   toggleClass,
@@ -50,7 +50,7 @@ if (unref(layoutTheme)) {
   const layout = unref(layoutTheme).layout;
   const theme = unref(layoutTheme).theme;
   document.documentElement.setAttribute("data-theme", theme);
-  setMenuLayout(layout);
+  setLayoutModel(layout);
 }
 
 /** 默认灵动模式 */
@@ -195,24 +195,24 @@ const pClass = computed(() => {
 const themeOptions = computed<Array<OptionsType>>(() => {
   return [
     {
-      label: t("panel.pureThemeModeLight"),
+      label: t("panel.pureOverallStyleLight"),
       icon: DayIcon,
       theme: "light",
-      tip: t("panel.pureThemeModeLightTip"),
+      tip: t("panel.pureOverallStyleLightTip"),
       iconAttrs: { fill: isDark.value ? "#fff" : "#000" }
     },
     {
-      label: t("panel.pureThemeModeDark"),
+      label: t("panel.pureOverallStyleDark"),
       icon: DarkIcon,
       theme: "dark",
-      tip: t("panel.pureThemeModeDarkTip"),
+      tip: t("panel.pureOverallStyleDarkTip"),
       iconAttrs: { fill: isDark.value ? "#fff" : "#000" }
     },
     {
-      label: t("panel.pureThemeModeSystem"),
+      label: t("panel.pureOverallStyleSystem"),
       icon: SystemIcon,
       theme: "system",
-      tip: t("panel.pureThemeModeSystemTip"),
+      tip: t("panel.pureOverallStyleSystemTip"),
       iconAttrs: { fill: isDark.value ? "#fff" : "#000" }
     }
   ];
@@ -238,8 +238,8 @@ const markOptions = computed<Array<OptionsType>>(() => {
   ];
 });
 
-/** 设置菜单布局 */
+/** 设置导航模式 */
-function setMenuLayout(layout: string) {
+function setLayoutModel(layout: string) {
   layoutTheme.value.layout = layout;
   window.document.body.setAttribute("layout", layout);
   $storage.layout = {
@@ -249,7 +249,7 @@ function setMenuLayout(layout: string) {
     sidebarStatus: $storage.layout?.sidebarStatus,
     epThemeColor: $storage.layout?.epThemeColor,
     themeColor: $storage.layout?.themeColor,
-    themeMode: $storage.layout?.themeMode
+    overallStyle: $storage.layout?.overallStyle
   };
   useAppStoreHook().setLayout(layout);
 }
@@ -276,15 +276,15 @@ watch($storage, ({ layout }) => {
 
 const mediaQueryList = window.matchMedia("(prefers-color-scheme: dark)");
 
-/** 根据操作系统主题设置平台主题模式 */
+/** 根据操作系统主题设置平台整体风格 */
 function updateTheme() {
-  if (themeMode.value !== "system") return;
+  if (overallStyle.value !== "system") return;
   if (mediaQueryList.matches) {
     dataTheme.value = true;
   } else {
     dataTheme.value = false;
   }
-  dataThemeChange(themeMode.value);
+  dataThemeChange(overallStyle.value);
 }
 
 function removeMatchMedia() {
@@ -317,18 +317,18 @@ onUnmounted(() => removeMatchMedia);
 <template>
   <LayPanel>
     <div class="p-5">
-      <p :class="pClass">{{ t("panel.pureThemeMode") }}</p>
+      <p :class="pClass">{{ t("panel.pureOverallStyle") }}</p>
       <Segmented
         resize
         class="select-none"
-        :modelValue="themeMode === 'system' ? 2 : dataTheme ? 1 : 0"
+        :modelValue="overallStyle === 'system' ? 2 : dataTheme ? 1 : 0"
         :options="themeOptions"
         @change="
           theme => {
             theme.index === 1 && theme.index !== 2
               ? (dataTheme = true)
               : (dataTheme = false);
-            themeMode = theme.option.theme;
+            overallStyle = theme.option.theme;
             dataThemeChange(theme.option.theme);
             theme.index === 2 && watchSystemThemeChange();
           }
@@ -345,8 +345,8 @@ onUnmounted(() => removeMatchMedia);
           @click="setLayoutThemeColor(item.themeColor)"
         >
           <el-icon
-            class="mt-px"
+            style="margin: 0.1em 0.1em 0 0"
-            :size="20"
+            :size="17"
             :color="getThemeColor(item.themeColor)"
           >
             <IconifyIconOffline :icon="Check" />
@@ -354,7 +354,7 @@ onUnmounted(() => removeMatchMedia);
         </li>
       </ul>
 
-      <p :class="['mt-5!', pClass]">{{ t("panel.pureMenuLayout") }}</p>
+      <p :class="['mt-5!', pClass]">{{ t("panel.pureLayoutModel") }}</p>
       <ul class="pure-theme">
         <li
           ref="verticalRef"
@@ -363,7 +363,7 @@ onUnmounted(() => removeMatchMedia);
             zIndex: 41000
           }"
           :class="layoutTheme.layout === 'vertical' ? 'is-select' : ''"
-          @click="setMenuLayout('vertical')"
+          @click="setLayoutModel('vertical')"
         >
           <div />
           <div />
@@ -376,7 +376,7 @@ onUnmounted(() => removeMatchMedia);
             zIndex: 41000
           }"
           :class="layoutTheme.layout === 'horizontal' ? 'is-select' : ''"
-          @click="setMenuLayout('horizontal')"
+          @click="setLayoutModel('horizontal')"
         >
           <div />
           <div />
@@ -389,7 +389,7 @@ onUnmounted(() => removeMatchMedia);
             zIndex: 41000
           }"
           :class="layoutTheme.layout === 'mix' ? 'is-select' : ''"
-          @click="setMenuLayout('mix')"
+          @click="setLayoutModel('mix')"
         >
           <div />
           <div />
@@ -538,24 +538,17 @@ onUnmounted(() => removeMatchMedia);
 }
 
 .theme-color {
-  display: flex;
+  height: 20px;
-  gap: 8px;
-  margin-top: 8px;
 
   li {
-    position: relative;
+    float: left;
-    width: 21px;
+    height: 20px;
-    height: 21px;
+    margin-right: 8px;
     cursor: pointer;
     border-radius: 4px;
-    box-shadow: rgb(0 0 0 / 15%) 0 0 0 1px inset;
-    transition: all 0.2s ease;
 
-    &:hover {
+    &:nth-child(1) {
-      box-shadow:
+      border: 1px solid #ddd;
-        rgb(0 0 0 / 25%) 0 0 0 1px inset,
-        0 2px 4px rgb(0 0 0 / 15%);
-      transform: scale(1.1);
     }
   }
 }

src/layout/components/lay-sidebar/NavHorizontal.vue

@@ -83,11 +83,9 @@ onMounted(() => {
       <LaySearch id="header-search" />
       <!-- 国际化 -->
       <el-dropdown id="header-translation" trigger="click">
-        <div
+        <GlobalizationIcon
-          class="globalization-icon navbar-bg-hover hover:[&>svg]:animate-scale-bounce"
+          class="navbar-bg-hover w-[40px] h-[48px] p-[11px] cursor-pointer outline-hidden"
-        >
+        />
-          <IconifyIconOffline :icon="GlobalizationIcon" />
-        </div>
         <template #dropdown>
           <el-dropdown-menu class="translation">
             <el-dropdown-item
@@ -143,7 +141,7 @@ onMounted(() => {
         </template>
       </el-dropdown>
       <span
-        class="set-icon navbar-bg-hover hover:[&>svg]:animate-scale-bounce"
+        class="set-icon navbar-bg-hover"
         :title="t('buttons.pureOpenSystemSet')"
         @click="onPanel"
       >
@@ -159,7 +157,7 @@ onMounted(() => {
 }
 
 .translation {
-  :deep(.el-dropdown-menu__item) {
+  ::v-deep(.el-dropdown-menu__item) {
     padding: 5px 40px;
   }
 
@@ -177,7 +175,7 @@ onMounted(() => {
 .logout {
   width: 120px;
 
-  :deep(.el-dropdown-menu__item) {
+  ::v-deep(.el-dropdown-menu__item) {
     display: inline-flex;
     flex-wrap: wrap;
     min-width: 100%;

src/layout/components/lay-sidebar/NavMix.vue

@@ -104,11 +104,9 @@ watch(
       <LaySearch id="header-search" />
       <!-- 国际化 -->
       <el-dropdown id="header-translation" trigger="click">
-        <div
+        <GlobalizationIcon
-          class="globalization-icon navbar-bg-hover hover:[&>svg]:animate-scale-bounce"
+          class="navbar-bg-hover w-[40px] h-[48px] p-[11px] cursor-pointer outline-hidden"
-        >
+        />
-          <IconifyIconOffline :icon="GlobalizationIcon" />
-        </div>
         <template #dropdown>
           <el-dropdown-menu class="translation">
             <el-dropdown-item
@@ -164,7 +162,7 @@ watch(
         </template>
       </el-dropdown>
       <span
-        class="set-icon navbar-bg-hover hover:[&>svg]:animate-scale-bounce"
+        class="set-icon navbar-bg-hover"
         :title="t('buttons.pureOpenSystemSet')"
         @click="onPanel"
       >
@@ -180,7 +178,7 @@ watch(
 }
 
 .translation {
-  :deep(.el-dropdown-menu__item) {
+  ::v-deep(.el-dropdown-menu__item) {
     padding: 5px 40px;
   }
 
@@ -198,7 +196,7 @@ watch(
 .logout {
   width: 120px;
 
-  :deep(.el-dropdown-menu__item) {
+  ::v-deep(.el-dropdown-menu__item) {
     display: inline-flex;
     flex-wrap: wrap;
     min-width: 100%;

src/layout/components/lay-sidebar/components/SidebarFullScreen.vue

@@ -24,10 +24,7 @@ watch(
 </script>
 
 <template>
-  <span
+  <span class="fullscreen-icon navbar-bg-hover" @click="toggle">
-    class="fullscreen-icon navbar-bg-hover hover:[&>svg]:animate-scale-bounce"
-    @click="toggle"
-  >
     <IconifyIconOffline :icon="screenIcon" />
   </span>
 </template>

src/layout/components/lay-tag/index.scss

@@ -321,9 +321,10 @@
 
   .chrome-tab-divider {
     position: absolute;
-    left: 7px;
+    right: 7px;
     width: 1px;
     height: 14px;
+    background-color: #2b2d2f;
   }
 
   &:hover {

src/layout/components/lay-tag/index.vue

@@ -618,10 +618,6 @@ onBeforeUnmount(() => {
             />
           </template>
           <div v-else class="chrome-tab">
-            <span
-              v-if="index !== 0 && index !== activeIndex"
-              class="chrome-tab-divider bg-[#e2e2e2] dark:bg-[#2d2d2d]"
-            />
             <div class="chrome-tab__bg">
               <TagChrome />
             </div>
@@ -635,6 +631,7 @@ onBeforeUnmount(() => {
             >
               <IconifyIconOffline :icon="Close" />
             </span>
+            <span class="chrome-tab-divider" />
           </div>
         </div>
       </div>

src/layout/hooks/useDataThemeChange.ts

@@ -33,7 +33,7 @@ export function useDataThemeChange() {
 
   const { $storage } = useGlobal<GlobalPropertiesApi>();
   const dataTheme = ref<boolean>($storage?.layout?.darkMode);
-  const themeMode = ref<string>($storage?.layout?.themeMode);
+  const overallStyle = ref<string>($storage?.layout?.overallStyle);
   const body = document.documentElement as HTMLElement;
 
   function toggleClass(flag: boolean, clsName: string, target?: HTMLElement) {
@@ -59,7 +59,7 @@ export function useDataThemeChange() {
       sidebarStatus: $storage.layout?.sidebarStatus,
       epThemeColor: $storage.layout?.epThemeColor,
       themeColor: isClick ? theme : storageThemeColor,
-      themeMode: themeMode.value
+      overallStyle: overallStyle.value
     };
 
     if (theme === "default" || theme === "light") {
@@ -89,9 +89,9 @@ export function useDataThemeChange() {
     }
   };
 
-  /** 浅色、深色主题模式切换 */
+  /** 浅色、深色整体风格切换 */
-  function dataThemeChange(mode?: string) {
+  function dataThemeChange(overall?: string) {
-    themeMode.value = mode;
+    overallStyle.value = overall;
     if (useEpThemeStoreHook().epTheme === "light" && dataTheme.value) {
       setLayoutThemeColor("default", false);
     } else {
@@ -126,7 +126,7 @@ export function useDataThemeChange() {
   return {
     body,
     dataTheme,
-    themeMode,
+    overallStyle,
     layoutTheme,
     themeColors,
     onReset,

src/layout/hooks/useLayout.ts

@@ -29,7 +29,7 @@ export function useLayout() {
         sidebarStatus: $config?.SidebarStatus ?? true,
         epThemeColor: $config?.EpThemeColor ?? "#409EFF",
         themeColor: $config?.Theme ?? "light",
-        themeMode: $config?.ThemeMode ?? "light"
+        overallStyle: $config?.OverallStyle ?? "light"
       };
     }
     /** 灰色模式、色弱模式、隐藏标签页 */

src/layout/index.vue

@@ -67,16 +67,16 @@ const set: setType = reactive({
   })
 });
 
-function setTheme(menuLayout: string) {
+function setTheme(layoutModel: string) {
-  window.document.body.setAttribute("layout", menuLayout);
+  window.document.body.setAttribute("layout", layoutModel);
   $storage.layout = {
-    layout: `${menuLayout}`,
+    layout: `${layoutModel}`,
     theme: $storage.layout?.theme,
     darkMode: $storage.layout?.darkMode,
     sidebarStatus: $storage.layout?.sidebarStatus,
     epThemeColor: $storage.layout?.epThemeColor,
     themeColor: $storage.layout?.themeColor,
-    themeMode: $storage.layout?.themeMode
+    overallStyle: $storage.layout?.overallStyle
   };
 }
 
@@ -123,7 +123,7 @@ onMounted(() => {
 });
 
 onBeforeMount(() => {
-  useDataThemeChange().dataThemeChange($storage.layout?.themeMode);
+  useDataThemeChange().dataThemeChange($storage.layout?.overallStyle);
 });
 
 const LayHeader = defineComponent({

src/plugins/elementPlus.ts

@@ -3,13 +3,15 @@ import type { App, Component } from "vue";
 import {
   /**
    * 为了方便演示平台将 element-plus 导出的所有组件引入，实际使用中如果你没用到哪个组件，将其注释掉就行
-   * 导出来源：https://github.com/element-plus/element-plus/blob/dev/packages/element-plus/component.ts#L116-L226
+   * 导出来源：https://github.com/element-plus/element-plus/blob/dev/packages/element-plus/component.ts#L111-L211
    * */
   ElAffix,
   ElAlert,
   ElAutocomplete,
   ElAutoResizer,
   ElAvatar,
+  ElAnchor,
+  ElAnchorLink,
   ElBacktop,
   ElBadge,
   ElBreadcrumb,
@@ -30,7 +32,6 @@ import {
   ElCollapse,
   ElCollapseItem,
   ElCollapseTransition,
-  ElColorPickerPanel,
   ElColorPicker,
   ElConfigProvider,
   ElContainer,
@@ -39,7 +40,6 @@ import {
   ElHeader,
   ElMain,
   ElDatePicker,
-  ElDatePickerPanel,
   ElDescriptions,
   ElDescriptionsItem,
   ElDialog,
@@ -56,7 +56,6 @@ import {
   ElImageViewer,
   ElInput,
   ElInputNumber,
-  ElInputTag,
   ElLink,
   ElMenu,
   ElMenuItem,
@@ -108,22 +107,17 @@ import {
   ElWatermark,
   ElTour,
   ElTourStep,
-  ElAnchor,
-  ElAnchorLink,
   ElSegmented,
-  ElMention,
-  ElSplitter,
-  ElSplitterPanel,
   /**
    * 为了方便演示平台将 element-plus 导出的所有插件引入，实际使用中如果你没用到哪个插件，将其注释掉就行
    * 导出来源：https://github.com/element-plus/element-plus/blob/dev/packages/element-plus/plugin.ts#L11-L16
    * */
-  ElInfiniteScroll, // v-infinite-scroll 指令
   ElLoading, // v-loading 指令
+  ElInfiniteScroll, // v-infinite-scroll 指令
+  ElPopoverDirective, // v-popover 指令
   ElMessage, // $message 全局属性对象globalProperties
   ElMessageBox, // $msgbox、$alert、$confirm、$prompt 全局属性对象globalProperties
-  ElNotification, // $notify 全局属性对象globalProperties
+  ElNotification // $notify 全局属性对象globalProperties
-  ElPopoverDirective // v-popover 指令
 } from "element-plus";
 
 const components = [
@@ -132,6 +126,8 @@ const components = [
   ElAutocomplete,
   ElAutoResizer,
   ElAvatar,
+  ElAnchor,
+  ElAnchorLink,
   ElBacktop,
   ElBadge,
   ElBreadcrumb,
@@ -152,7 +148,6 @@ const components = [
   ElCollapse,
   ElCollapseItem,
   ElCollapseTransition,
-  ElColorPickerPanel,
   ElColorPicker,
   ElConfigProvider,
   ElContainer,
@@ -161,7 +156,6 @@ const components = [
   ElHeader,
   ElMain,
   ElDatePicker,
-  ElDatePickerPanel,
   ElDescriptions,
   ElDescriptionsItem,
   ElDialog,
@@ -178,7 +172,6 @@ const components = [
   ElImageViewer,
   ElInput,
   ElInputNumber,
-  ElInputTag,
   ElLink,
   ElMenu,
   ElMenuItem,
@@ -230,21 +223,16 @@ const components = [
   ElWatermark,
   ElTour,
   ElTourStep,
-  ElAnchor,
+  ElSegmented
-  ElAnchorLink,
-  ElSegmented,
-  ElMention,
-  ElSplitter,
-  ElSplitterPanel
 ];
 
 const plugins = [
-  ElInfiniteScroll,
   ElLoading,
+  ElInfiniteScroll,
+  ElPopoverDirective,
   ElMessage,
   ElMessageBox,
-  ElNotification,
+  ElNotification
-  ElPopoverDirective
 ];
 
 /** 按需引入`element-plus` */

src/router/modules/components.ts

@@ -119,7 +119,8 @@ export default {
       name: "PureSlider",
       component: () => import("@/views/components/slider/index.vue"),
       meta: {
-        title: $t("menus.pureSlider")
+        title: $t("menus.pureSlider"),
+        extraIcon: "IF-pure-iconfont-new svg"
       }
     },
     {
@@ -194,15 +195,6 @@ export default {
         title: $t("menus.pureColorPicker")
       }
     },
-    {
-      path: "/components/color-picker-panel",
-      name: "ColorPickerPanel",
-      component: () => import("@/views/components/color-picker-panel.vue"),
-      meta: {
-        title: $t("menus.pureColorPickerPanel"),
-        extraIcon: "IF-pure-iconfont-new svg"
-      }
-    },
     {
       path: "/components/selector",
       name: "Selector",

src/router/utils.ts

@@ -209,26 +209,18 @@ function initRouter() {
       });
     } else {
       return new Promise(resolve => {
-        getAsyncRoutes().then(({ code, data }) => {
+        getAsyncRoutes().then(({ data }) => {
-          if (code === 0) {
+          handleAsyncRoutes(cloneDeep(data));
-            handleAsyncRoutes(cloneDeep(data));
+          storageLocal().setItem(key, data);
-            storageLocal().setItem(key, data);
+          resolve(router);
-            resolve(router);
-          } else {
-            resolve(router);
-          }
         });
       });
     }
   } else {
     return new Promise(resolve => {
-      getAsyncRoutes().then(({ code, data }) => {
+      getAsyncRoutes().then(({ data }) => {
-        if (code === 0) {
+        handleAsyncRoutes(cloneDeep(data));
-          handleAsyncRoutes(cloneDeep(data));
+        resolve(router);
-          resolve(router);
-        } else {
-          resolve(router);
-        }
       });
     });
   }

src/store/modules/app.ts

@@ -18,7 +18,7 @@ export const useAppStore = defineStore("pure-app", {
       withoutAnimation: false,
       isClickCollapse: false
     },
-    // 这里的layout用于监听容器拖拉后恢复对应的菜单布局
+    // 这里的layout用于监听容器拖拉后恢复对应的导航模式
     layout:
       storageLocal().getItem<StorageConfigs>(
         `${responsiveStorageNameSpace()}layout`

src/store/modules/epTheme.ts

@@ -21,7 +21,7 @@ export const useEpThemeStore = defineStore("pure-epTheme", {
     getEpThemeColor(state) {
       return state.epThemeColor;
     },
-    /** 用于mix菜单布局下hamburger-svg的fill属性 */
+    /** 用于mix导航模式下hamburger-svg的fill属性 */
     fill(state) {
       if (state.epTheme === "light") {
         return "#409eff";

src/store/modules/user.ts

@@ -80,12 +80,8 @@ export const useUserStore = defineStore("pure-user", {
       return new Promise<UserResult>((resolve, reject) => {
         getLogin(data)
           .then(data => {
-            if (data.code === 0) {
+            if (data?.success) setToken(data.data);
-              setToken(data.data);
+            resolve(data);
-              resolve(data);
-            } else {
-              reject(data.message);
-            }
           })
           .catch(error => {
             reject(error);
@@ -107,11 +103,9 @@ export const useUserStore = defineStore("pure-user", {
       return new Promise<RefreshTokenResult>((resolve, reject) => {
         refreshTokenApi(data)
           .then(data => {
-            if (data.code === 0) {
+            if (data) {
               setToken(data.data);
               resolve(data);
-            } else {
-              reject(data.message);
             }
           })
           .catch(error => {

src/style/dark.scss

@@ -135,6 +135,17 @@ html.dark {
     }
   }
 
+  /* 系统配置面板 */
+  .right-panel-items {
+    .el-divider__text {
+      --el-bg-color: var(--el-bg-color);
+    }
+
+    .el-divider--horizontal {
+      border-top: none;
+    }
+  }
+
   /* 表单设计器 */
   .design-form {
     .el-main.config-content,

src/style/index.scss

@@ -35,18 +35,3 @@
 .html-weakness {
   filter: invert(80%);
 }
-
-/* 轻微缩小，再恢复原状的平滑缩放动画 */
-@keyframes pure-scale-bounce {
-  0% {
-    transform: scale(1);
-  }
-
-  50% {
-    transform: scale(0.9);
-  }
-
-  100% {
-    transform: scale(1);
-  }
-}

src/style/sidebar.scss

@@ -34,14 +34,12 @@
   }
 
   .set-icon,
-  .fullscreen-icon,
+  .fullscreen-icon {
-  .globalization-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 40px;
     height: 48px;
-    font-size: 16px;
     cursor: pointer;
   }
 
@@ -233,6 +231,7 @@
     .is-active.submenu-title-noDropdown.outer-most > * {
       z-index: 1;
       color: #fff;
+      background: transparent !important;
     }
 
     .is-active.submenu-title-noDropdown.outer-most::before {
@@ -451,7 +450,7 @@
       /* 搜索 */
       .search-container,
       /* 国际化 */
-      .globalization-icon,
+      .globalization,
       /* 全屏 */
       .fullscreen-icon,
       /* 消息通知 */
@@ -470,8 +469,12 @@
         color: var(--pure-theme-sub-menu-active-text);
       }
 
-      .globalization-icon {
+      .globalization {
+        width: 40px;
+        height: 48px;
+        padding: 11px;
         color: var(--pure-theme-sub-menu-active-text);
+        cursor: pointer;
         outline: none;
       }
 
@@ -628,7 +631,7 @@ body[layout="vertical"] {
   /* 搜索 */
   .search-container,
   /* 国际化 */
-  .globalization-icon,
+  .globalization,
   /* 全屏 */
   .fullscreen-icon,
   /* 消息通知 */

src/style/tailwind.css

@@ -42,9 +42,5 @@
 }
 
 @utility navbar-bg-hover {
-  @apply select-none dark:text-white dark:hover:bg-[#242424]!;
+  @apply dark:text-white dark:hover:bg-[#242424]!;
-}
-
-@utility animate-scale-bounce {
-  animation: pure-scale-bounce 0.3s ease-in-out;
 }

src/utils/http/index.ts

@@ -10,8 +10,6 @@ import type {
   PureHttpRequestConfig
 } from "./types.d";
 import { stringify } from "qs";
-import { message } from "@/utils/message";
-import { $t, transformI18n } from "@/plugins/i18n";
 import { getToken, formatToken } from "@/utils/auth";
 import { useUserStoreHook } from "@/store/modules/user";
 
@@ -92,13 +90,6 @@ class PureHttp {
                         PureHttp.requests.forEach(cb => cb(token));
                         PureHttp.requests = [];
                       })
-                      .catch(_err => {
-                        PureHttp.requests = [];
-                        useUserStoreHook().logOut();
-                        message(transformI18n($t("login.pureLoginExpired")), {
-                          type: "warning"
-                        });
-                      })
                       .finally(() => {
                         PureHttp.isRefreshing = false;
                       });

src/utils/localforage/types.d.ts

@@ -65,7 +65,8 @@ interface LocalForageDbMethodsOptional {
 }
 
 interface LocalForageDriverDbMethods
-  extends LocalForageDbMethodsCore, LocalForageDriverMethodsOptional {}
+  extends LocalForageDbMethodsCore,
+    LocalForageDriverMethodsOptional {}
 
 interface LocalForageDriverSupportFunc {
   (): Promise<boolean>;
@@ -93,7 +94,8 @@ interface LocalForageSerializer {
 }
 
 interface LocalForageDbMethods
-  extends LocalForageDbMethodsCore, LocalForageDbMethodsOptional {}
+  extends LocalForageDbMethodsCore,
+    LocalForageDbMethodsOptional {}
 
 export interface LocalForage extends LocalForageDbMethods {
   LOCALSTORAGE: string;

src/utils/responsive.ts

@@ -19,8 +19,8 @@ export const injectResponsiveStorage = (app: App, config: PlatformConfigs) => {
         darkMode: config.DarkMode ?? false,
         sidebarStatus: config.SidebarStatus ?? true,
         epThemeColor: config.EpThemeColor ?? "#409EFF",
-        themeColor: config.Theme ?? "light", // 主题色（对应系统配置中的主题色，与theme不同的是它不会受到浅色、深色主题模式切换的影响，只会在手动点击主题色时改变）
+        themeColor: config.Theme ?? "light", // 主题色（对应系统配置中的主题色，与theme不同的是它不会受到浅色、深色整体风格切换的影响，只会在手动点击主题色时改变）
-        themeMode: config.ThemeMode ?? "light" // 主题模式（浅色：light、深色：dark、自动：system）
+        overallStyle: config.OverallStyle ?? "light" // 整体风格（浅色：light、深色：dark、自动：system）
       },
       // 系统配置-界面显示
       configure: Storage.getData("configure", nameSpace) ?? {

src/views/able/video-frame/index.vue

@@ -171,7 +171,7 @@ onBeforeUnmount(() => {
 </template>
 
 <style lang="scss" scoped>
-:deep(.el-upload-dragger) {
+::v-deep(.el-upload-dragger) {
   display: flex;
   align-items: center;
   height: 180px;

src/views/account-settings/components/Profile.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import { reactive, ref } from "vue";
 import { formUpload } from "@/api/mock";
 import { message } from "@/utils/message";
-import { onMounted, reactive, ref } from "vue";
 import { type UserInfo, getMine } from "@/api/user";
 import type { FormInstance, FormRules } from "element-plus";
 import ReCropperPreview from "@/components/ReCropperPreview";
@@ -73,8 +73,8 @@ const handleSubmitImage = () => {
     files: new File([cropperBlob.value], "avatar")
   });
   formUpload(formData)
-    .then(({ code }) => {
+    .then(({ success, data }) => {
-      if (code === 0) {
+      if (success) {
         message("更新头像成功", { type: "success" });
         handleClose();
       } else {
@@ -98,11 +98,8 @@ const onSubmit = async (formEl: FormInstance) => {
   });
 };
 
-onMounted(async () => {
+getMine().then(res => {
-  const { code, data } = await getMine();
+  Object.assign(userInfos, res.data);
-  if (code === 0) {
-    Object.assign(userInfos, data);
-  }
 });
 </script>
 

src/views/account-settings/components/SecurityLog.vue

@@ -55,13 +55,11 @@ const columns: TableColumnList = [
 
 async function onSearch() {
   loading.value = true;
-  const { code, data } = await getMineLogs();
+  const { data } = await getMineLogs();
-  if (code === 0) {
+  dataList.value = data.list;
-    dataList.value = data.list;
+  pagination.total = data.total;
-    pagination.total = data.total;
+  pagination.pageSize = data.pageSize;
-    pagination.pageSize = data.pageSize;
+  pagination.currentPage = data.currentPage;
-    pagination.currentPage = data.currentPage;
-  }
 
   setTimeout(() => {
     loading.value = false;

src/views/account-settings/index.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { getMine } from "@/api/user";
 import { useRouter } from "vue-router";
+import { ref, onBeforeMount } from "vue";
 import { ReText } from "@/components/ReText";
 import Profile from "./components/Profile.vue";
-import { ref, onMounted, onBeforeMount } from "vue";
 import Preferences from "./components/Preferences.vue";
 import SecurityLog from "./components/SecurityLog.vue";
 import { useGlobal, deviceDetection } from "@pureadmin/utils";
@@ -25,7 +25,7 @@ const router = useRouter();
 const isOpen = ref(deviceDetection() ? false : true);
 const { $storage } = useGlobal<GlobalPropertiesApi>();
 onBeforeMount(() => {
-  useDataThemeChange().dataThemeChange($storage.layout?.themeMode);
+  useDataThemeChange().dataThemeChange($storage.layout?.overallStyle);
 });
 
 const userInfo = ref({
@@ -61,11 +61,8 @@ const panes = [
 ];
 const witchPane = ref("profile");
 
-onMounted(async () => {
+getMine().then(res => {
-  const { code, data } = await getMine();
+  userInfo.value = res.data;
-  if (code === 0) {
-    userInfo.value = data;
-  }
 });
 </script>
 

src/views/chatai/components/Bard.vue

@@ -56,13 +56,13 @@ onMounted(() => {
     :avatars="{
       default: {
         styles: {
-          position: 'start',
+          position: 'left',
           container: { marginLeft: '12px', marginRight: '5px' }
         }
       },
       ai: {
         src: 'https://xiaoxian521.github.io/hyperlink/img/vue-pure-admin/chatai/gemini.png',
-        styles: { position: 'start', avatar: { paddingTop: '6px' } }
+        styles: { position: 'left', avatar: { paddingTop: '6px' } }
       }
     }"
     :speechToText="{
@@ -80,11 +80,11 @@ onMounted(() => {
           },
           svg: { styles: { default: { bottom: '0.35em', left: '0.35em' } } }
         },
-        position: 'inside-end'
+        position: 'inside-right'
       }
     }"
     :submitButtonStyles="{
-      position: 'outside-end',
+      position: 'outside-right',
       submit: {
         container: {
           default: {

src/views/chatai/components/Bing.vue

@@ -89,7 +89,7 @@ onMounted(() => {
       }
     }"
     :submitButtonStyles="{
-      position: 'outside-end',
+      position: 'outside-right',
       submit: {
         container: {
           default: {

src/views/chatai/components/ChatGPT.vue

@@ -46,7 +46,7 @@ onMounted(() => {
       }
     }"
     :avatars="{
-      default: { styles: { position: 'start' } },
+      default: { styles: { position: 'left' } },
       ai: { src: 'https://xiaoxian521.github.io/hyperlink/svg/openai.svg' }
     }"
     :submitButtonStyles="{

src/views/chatai/components/Speech.vue

@@ -22,7 +22,7 @@ onMounted(() => {
     style="border-radius: 8px"
     :speechToText="{
       webSpeech: { language: 'zh-CN' },
-      button: { position: 'outside-start' }
+      button: { position: 'outside-left' }
     }"
     :textInput="{
       placeholder: { text: '发送消息' }

src/views/components/color-picker-panel.vue

@@ -1,68 +0,0 @@
-<script setup lang="ts">
-import { ref } from "vue";
-
-defineOptions({
-  name: "ColorPickerPanel"
-});
-
-const disabled = ref(false);
-const color = ref("rgba(255, 69, 0, 0.68)");
-const predefineColors = [
-  "#ff4500",
-  "#ff8c00",
-  "#ffd700",
-  "#90ee90",
-  "#00ced1",
-  "#1e90ff",
-  "#c71585",
-  "rgba(255, 69, 0, 0.68)",
-  "rgb(255, 120, 0)",
-  "hsv(51, 100, 98)",
-  "hsva(120, 40, 94, 0.5)",
-  "hsl(181, 100%, 37%)",
-  "hsla(209, 100%, 56%, 0.73)",
-  "#c7158577"
-];
-</script>
-
-<template>
-  <el-card shadow="never">
-    <template #header>
-      <div class="card-header">
-        <el-space wrap :size="40">
-          <el-link
-            v-tippy="{
-              content: '点击查看详细文档'
-            }"
-            href="https://element-plus.org/zh-CN/component/color-picker-panel.html"
-            target="_blank"
-            style="font-size: 16px; font-weight: 800"
-          >
-            颜色选择器面板
-          </el-link>
-          <el-radio-group v-model="disabled">
-            <el-radio :value="false">启用</el-radio>
-            <el-radio :value="true">禁用</el-radio>
-          </el-radio-group>
-        </el-space>
-      </div>
-      <el-link
-        class="mt-2"
-        href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/color-picker-panel.vue"
-        target="_blank"
-      >
-        代码位置 src/views/components/color-picker-panel.vue
-      </el-link>
-    </template>
-
-    <div class="mb-2">选择透明度、预定义颜色、无边框</div>
-    <el-color-picker-panel
-      v-model="color"
-      show-alpha
-      :border="false"
-      :disabled="disabled"
-      :predefine="predefineColors"
-    />
-    <el-divider />
-  </el-card>
-</template>

src/views/components/datetime-picker.vue

@@ -68,7 +68,7 @@ const shortcuts1 = [
 
 const value3 = ref("");
 const datePickerRef = ref();
-const placement = ref("auto") as any;
+const placement = ref("auto");
 const checkTag = ref([
   {
     title: "auto", // https://popper.js.org/docs/v2/constructors/#options

src/views/components/split-pane.vue

@@ -71,17 +71,17 @@ const settingTB: ContextProps = reactive({
 
   .dv-a {
     padding-top: 30vh;
-    color: rgb(30 144 255 / 80%);
+    color: rgba($color: dodgerblue, $alpha: 80%);
   }
 
   .dv-b {
     padding-top: 10vh;
-    color: rgb(0 0 0 / 80%);
+    color: rgba($color: #000, $alpha: 80%);
   }
 
   .dv-c {
     padding-top: 18vh;
-    color: rgb(206 39 45 / 80%);
+    color: rgba($color: #ce272d, $alpha: 80%);
   }
 }
 </style>

src/views/components/upload/form.vue

@@ -23,8 +23,8 @@ const submitForm = formEl => {
         date: validateForm.date // 别的字段
       });
       formUpload(formData)
-        .then(({ code }) => {
+        .then(({ success }) => {
-          if (code === 0) {
+          if (success) {
             message("提交成功", { type: "success" });
           } else {
             message("提交失败");

src/views/components/upload/index.vue

@@ -143,7 +143,7 @@ const onDownload = () => {
       class="pure-upload"
       list-type="picture-card"
       accept="image/jpeg,image/png,image/gif"
-      action="https://pureadmin.free.beeceptor.com/images"
+      action="https://run.mocky.io/v3/3aa761d7-b0b3-4a03-96b3-6168d4f7467b"
       :limit="3"
       :headers="{ Authorization: 'eyJhbGciOiJIUzUxMiJ9.admin' }"
       :on-exceed="onExceed"
@@ -264,13 +264,13 @@ const onDownload = () => {
         表格操作栏中的上传头像功能
       </p>
       <p class="text-[red] text-[12px] flex flex-auto items-center justify-end">
-        免责声明：上传接口使用
+        免责声明：上传接口使用免费开源的
         <el-link
-          href="https://beeceptor.com/"
+          href="https://designer.mocky.io/"
           target="_blank"
           style="font-size: 16px; font-weight: 800"
         >
-          &nbsp;Beeceptor&nbsp;
+          &nbsp;Mocky&nbsp;
         </el-link>
         <span class="font-bold text-[18x]"> 请不要上传重要信息 </span
         >，如果造成任何损失，我们概不负责

src/views/list/card/index.vue

@@ -38,14 +38,12 @@ const dataLoading = ref(true);
 
 const getCardListData = async () => {
   try {
-    const { code, data } = await getCardList();
+    const { data } = await getCardList();
-    if (code === 0) {
+    productList.value = data.list;
-      productList.value = data.list;
+    pagination.value = {
-      pagination.value = {
+      ...pagination.value,
-        ...pagination.value,
+      total: data.list.length
-        total: data.list.length
+    };
-      };
-    }
   } catch (e) {
     console.log(e);
   } finally {

src/views/login/index.vue

@@ -52,8 +52,8 @@ const currentPage = computed(() => {
 const { t } = useI18n();
 const { initStorage } = useLayout();
 initStorage();
-const { dataTheme, themeMode, dataThemeChange } = useDataThemeChange();
+const { dataTheme, overallStyle, dataThemeChange } = useDataThemeChange();
-dataThemeChange(themeMode.value);
+dataThemeChange(overallStyle.value);
 const { title, getDropdownItemStyle, getDropdownItemClass } = useNav();
 const { locale, translationCh, translationEn } = useTranslationLang();
 
@@ -73,21 +73,23 @@ const onLogin = async (formEl: FormInstance | undefined) => {
           username: ruleForm.username,
           password: ruleForm.password
         })
-        .then(async () => {
+        .then(res => {
-          // 获取后端路由
+          if (res.success) {
-          await initRouter();
+            // 获取后端路由
-          disabled.value = true;
+            return initRouter().then(() => {
-          router.push(getTopMenu(true).path).then(() => {
+              disabled.value = true;
-            message(t("login.pureLoginSuccess"), { type: "success" });
+              router
-          });
+                .push(getTopMenu(true).path)
+                .then(() => {
+                  message(t("login.pureLoginSuccess"), { type: "success" });
+                })
+                .finally(() => (disabled.value = false));
+            });
+          } else {
+            message(t("login.pureLoginFail"), { type: "error" });
+          }
         })
-        .catch(_err => {
+        .finally(() => (loading.value = false));
-          message(t("login.pureLoginFail"), { type: "error" });
-        })
-        .finally(() => {
-          disabled.value = false;
-          loading.value = false;
-        });
     }
   });
 };
@@ -334,9 +336,9 @@ watch(loginDay, value => {
       </div>
     </div>
     <div
-      class="w-full flex-c absolute bottom-3 text-sm text-[rgba(0,0,0,0.6)] dark:text-[rgba(220,220,242,0.8)]"
+      class="w-full flex-c flex-wrap absolute bottom-3 text-sm text-[rgba(0,0,0,0.6)] dark:text-[rgba(220,220,242,0.8)]"
     >
-      Copyright © 2020-present
+      Copyright © 2020-2025
       <a
         class="hover:text-primary!"
         href="https://github.com/pure-admin"
@@ -344,6 +346,16 @@ watch(loginDay, value => {
       >
         &nbsp;{{ title }}
       </a>
+      <!-- <div class="ml-8">
+        <span>赞助商：</span>
+        <a
+          class="hover:text-primary"
+          href="https://ai-tools.cn/resume/start"
+          target="_blank"
+        >
+          二猫 AI 简历
+        </a>
+      </div> -->
     </div>
   </div>
 </template>
@@ -358,7 +370,7 @@ watch(loginDay, value => {
 }
 
 .translation {
-  :deep(.el-dropdown-menu__item) {
+  ::v-deep(.el-dropdown-menu__item) {
     padding: 5px 40px;
   }
 

src/views/monitor/logs/login/hook.tsx

@@ -129,13 +129,11 @@ export function useRole(tableRef: Ref) {
 
   async function onSearch() {
     loading.value = true;
-    const { code, data } = await getLoginLogsList(toRaw(form));
+    const { data } = await getLoginLogsList(toRaw(form));
-    if (code === 0) {
+    dataList.value = data.list;
-      dataList.value = data.list;
+    pagination.total = data.total;
-      pagination.total = data.total;
+    pagination.pageSize = data.pageSize;
-      pagination.pageSize = data.pageSize;
+    pagination.currentPage = data.currentPage;
-      pagination.currentPage = data.currentPage;
-    }
 
     setTimeout(() => {
       loading.value = false;

src/views/monitor/logs/operation/hook.tsx

@@ -134,13 +134,11 @@ export function useRole(tableRef: Ref) {
 
   async function onSearch() {
     loading.value = true;
-    const { code, data } = await getOperationLogsList(toRaw(form));
+    const { data } = await getOperationLogsList(toRaw(form));
-    if (code === 0) {
+    dataList.value = data.list;
-      dataList.value = data.list;
+    pagination.total = data.total;
-      pagination.total = data.total;
+    pagination.pageSize = data.pageSize;
-      pagination.pageSize = data.pageSize;
+    pagination.currentPage = data.currentPage;
-      pagination.currentPage = data.currentPage;
-    }
 
     setTimeout(() => {
       loading.value = false;

src/views/monitor/logs/system/hook.tsx

@@ -204,13 +204,11 @@ export function useRole(tableRef: Ref) {
 
   async function onSearch() {
     loading.value = true;
-    const { code, data } = await getSystemLogsList(toRaw(form));
+    const { data } = await getSystemLogsList(toRaw(form));
-    if (code === 0) {
+    dataList.value = data.list;
-      dataList.value = data.list;
+    pagination.total = data.total;
-      pagination.total = data.total;
+    pagination.pageSize = data.pageSize;
-      pagination.pageSize = data.pageSize;
+    pagination.currentPage = data.currentPage;
-      pagination.currentPage = data.currentPage;
-    }
 
     setTimeout(() => {
       loading.value = false;

src/views/monitor/online/hook.tsx

@@ -80,13 +80,11 @@ export function useRole() {
 
   async function onSearch() {
     loading.value = true;
-    const { code, data } = await getOnlineLogsList(toRaw(form));
+    const { data } = await getOnlineLogsList(toRaw(form));
-    if (code === 0) {
+    dataList.value = data.list;
-      dataList.value = data.list;
+    pagination.total = data.total;
-      pagination.total = data.total;
+    pagination.pageSize = data.pageSize;
-      pagination.pageSize = data.pageSize;
+    pagination.currentPage = data.currentPage;
-      pagination.currentPage = data.currentPage;
-    }
 
     setTimeout(() => {
       loading.value = false;

src/views/permission/page/index.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { message } from "@/utils/message";
 import { initRouter } from "@/router/utils";
 import { storageLocal } from "@pureadmin/utils";
 import { type CSSProperties, ref, computed } from "vue";
@@ -33,13 +32,12 @@ const options = [
 function onChange() {
   useUserStoreHook()
     .loginByUsername({ username: username.value, password: "admin123" })
-    .then(() => {
+    .then(res => {
-      storageLocal().removeItem("async-routes");
+      if (res.success) {
-      usePermissionStoreHook().clearAllCachePage();
+        storageLocal().removeItem("async-routes");
-      initRouter();
+        usePermissionStoreHook().clearAllCachePage();
-    })
+        initRouter();
-    .catch(err => {
+      }
-      message(err, { type: "error" });
     });
 }
 </script>

src/views/system/dept/utils/hook.tsx

@@ -74,20 +74,17 @@ export function useDept() {
 
   async function onSearch() {
     loading.value = true;
-    const { code, data } = await getDeptList(); // 这里是返回一维数组结构，前端自行处理成树结构，返回格式要求：唯一id加父节点parentId，parentId取父节点id
+    const { data } = await getDeptList(); // 这里是返回一维数组结构，前端自行处理成树结构，返回格式要求：唯一id加父节点parentId，parentId取父节点id
-    if (code === 0) {
+    let newData = data;
-      let newData = data;
+    if (!isAllEmpty(form.name)) {
-      if (!isAllEmpty(form.name)) {
+      // 前端搜索部门名称
-        // 前端搜索部门名称
+      newData = newData.filter(item => item.name.includes(form.name));
-        newData = newData.filter(item => item.name.includes(form.name));
-      }
-      if (!isAllEmpty(form.status)) {
-        // 前端搜索状态
-        newData = newData.filter(item => item.status === form.status);
-      }
-      dataList.value = handleTree(newData); // 处理成树结构
     }
-
+    if (!isAllEmpty(form.status)) {
+      // 前端搜索状态
+      newData = newData.filter(item => item.status === form.status);
+    }
+    dataList.value = handleTree(newData); // 处理成树结构
     setTimeout(() => {
       loading.value = false;
     }, 500);

src/views/system/menu/utils/hook.tsx

@@ -106,18 +106,15 @@ export function useMenu() {
 
   async function onSearch() {
     loading.value = true;
-    const { code, data } = await getMenuList(); // 这里是返回一维数组结构，前端自行处理成树结构，返回格式要求：唯一id加父节点parentId，parentId取父节点id
+    const { data } = await getMenuList(); // 这里是返回一维数组结构，前端自行处理成树结构，返回格式要求：唯一id加父节点parentId，parentId取父节点id
-    if (code === 0) {
+    let newData = data;
-      let newData = data;
+    if (!isAllEmpty(form.title)) {
-      if (!isAllEmpty(form.title)) {
+      // 前端搜索菜单名称
-        // 前端搜索菜单名称
+      newData = newData.filter(item =>
-        newData = newData.filter(item =>
+        transformI18n(item.title).includes(form.title)
-          transformI18n(item.title).includes(form.title)
+      );
-        );
-      }
-      dataList.value = handleTree(newData); // 处理成树结构
     }
-
+    dataList.value = handleTree(newData); // 处理成树结构
     setTimeout(() => {
       loading.value = false;
     }, 500);

src/views/system/role/utils/hook.tsx

@@ -163,13 +163,11 @@ export function useRole(treeRef: Ref) {
 
   async function onSearch() {
     loading.value = true;
-    const { code, data } = await getRoleList(toRaw(form));
+    const { data } = await getRoleList(toRaw(form));
-    if (code === 0) {
+    dataList.value = data.list;
-      dataList.value = data.list;
+    pagination.total = data.total;
-      pagination.total = data.total;
+    pagination.pageSize = data.pageSize;
-      pagination.pageSize = data.pageSize;
+    pagination.currentPage = data.currentPage;
-      pagination.currentPage = data.currentPage;
-    }
 
     setTimeout(() => {
       loading.value = false;
@@ -231,10 +229,8 @@ export function useRole(treeRef: Ref) {
     if (id) {
       curRow.value = row;
       isShow.value = true;
-      const { code, data } = await getRoleMenuIds({ id });
+      const { data } = await getRoleMenuIds({ id });
-      if (code === 0) {
+      treeRef.value.setCheckedKeys(data);
-        treeRef.value.setCheckedKeys(data);
-      }
     } else {
       curRow.value = null;
       isShow.value = false;
@@ -272,11 +268,9 @@ export function useRole(treeRef: Ref) {
 
   onMounted(async () => {
     onSearch();
-    const { code, data } = await getRoleMenu();
+    const { data } = await getRoleMenu();
-    if (code === 0) {
+    treeIds.value = getKeyList(data, "id");
-      treeIds.value = getKeyList(data, "id");
+    treeData.value = handleTree(data);
-      treeData.value = handleTree(data);
-    }
   });
 
   watch(isExpandAll, val => {

src/views/system/user/utils/hook.tsx

@@ -272,13 +272,11 @@ export function useUser(tableRef: Ref, treeRef: Ref) {
 
   async function onSearch() {
     loading.value = true;
-    const { code, data } = await getUserList(toRaw(form));
+    const { data } = await getUserList(toRaw(form));
-    if (code === 0) {
+    dataList.value = data.list;
-      dataList.value = data.list;
+    pagination.total = data.total;
-      pagination.total = data.total;
+    pagination.pageSize = data.pageSize;
-      pagination.pageSize = data.pageSize;
+    pagination.currentPage = data.currentPage;
-      pagination.currentPage = data.currentPage;
-    }
 
     setTimeout(() => {
       loading.value = false;
@@ -499,16 +497,13 @@ export function useUser(tableRef: Ref, treeRef: Ref) {
     onSearch();
 
     // 归属部门
-    const { code, data } = await getDeptList();
+    const { data } = await getDeptList();
-    if (code === 0) {
+    higherDeptOptions.value = handleTree(data);
-      higherDeptOptions.value = handleTree(data);
+    treeData.value = handleTree(data);
-      treeData.value = handleTree(data);
-    }
-
     treeLoading.value = false;
 
     // 角色列表
-    roleOptions.value = (await getAllRoleList()).data ?? [];
+    roleOptions.value = (await getAllRoleList()).data;
   });
 
   return {

src/views/table/high/echarts/columns.tsx

@@ -1,6 +1,7 @@
+import { ref, computed } from "vue";
 import { tableDataDrag } from "../data";
 import { message } from "@/utils/message";
-import { ref, computed, useTemplateRef } from "vue";
+import { templateRef } from "@vueuse/core";
 import { clone, useDark, useECharts } from "@pureadmin/utils";
 
 export function useColumns() {
@@ -30,7 +31,7 @@ export function useColumns() {
   const theme = computed(() => (isDark.value ? "dark" : "light"));
 
   dataList.value.forEach((_, i) => {
-    const { setOptions } = useECharts(useTemplateRef(`PieChartRef${i}`), {
+    const { setOptions } = useECharts(templateRef(`PieChartRef${i}`), {
       theme
     });
 

src/views/tabs/index.vue

@@ -4,7 +4,6 @@ import {
   getNodeByUniqueId,
   appendFieldByUniqueId
 } from "@/utils/tree";
-import { useI18n } from "vue-i18n";
 import { useDetail } from "./hooks";
 import { ref, computed } from "vue";
 import { clone } from "@pureadmin/utils";
@@ -16,7 +15,6 @@ defineOptions({
   name: "Tabs"
 });
 
-const { locale } = useI18n();
 const { toDetail, router } = useDetail();
 const menusTree = clone(usePermissionStoreHook().wholeMenus, true);
 
@@ -32,12 +30,6 @@ const multiTags = computed(() => {
   return useMultiTagsStoreHook()?.multiTags;
 });
 
-const treeSelectProps = {
-  label: (data: any) => transformI18n(data.meta.title),
-  children: "children",
-  disabled: "disabled"
-};
-
 function onCloseTags() {
   if (currentValues.value.length === 0) return;
   currentValues.value.forEach(uniqueId => {
@@ -100,7 +92,6 @@ function onCloseTags() {
 
     <el-divider />
     <el-tree-select
-      :key="locale"
       v-model="currentValues"
       class="w-[300px]!"
       node-key="uniqueId"
@@ -109,7 +100,12 @@ function onCloseTags() {
       multiple
       filterable
       default-expand-all
-      :props="treeSelectProps"
+      :props="{
+        label: data => transformI18n(data.meta.title),
+        value: 'uniqueId',
+        children: 'children',
+        disabled: 'disabled'
+      }"
       :data="treeData"
     >
       <template #default="{ data }">

src/views/vue-flow/layouting/animationEdge.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, nextTick, ref, toRef, watch } from "vue";
-import { TransitionPresets, transition } from "@vueuse/core";
+import { TransitionPresets, executeTransition } from "@vueuse/core";
 import {
   Position,
   BaseEdge,
@@ -153,7 +153,7 @@ async function runAnimation() {
     currentLength.value = totalLength;
   }
 
-  await transition(edgePoint, from, totalLength, {
+  await executeTransition(edgePoint, from, totalLength, {
     transition: TransitionPresets.easeInOutCubic,
     duration: Math.max(1500, totalLength / 2),
     abort: () => !isAnimating.value

src/views/welcome/index.vue

@@ -185,13 +185,11 @@ const optionsBasis: Array<OptionsType> = [
           }
         }"
       >
-        <el-card shadow="never">
+        <el-card shadow="never" class="h-[580px]">
           <div class="flex justify-between">
             <span class="text-md font-medium">数据统计</span>
           </div>
-          <el-scrollbar max-height="504" class="mt-3">
+          <WelcomeTable class="mt-3" />
-            <WelcomeTable />
-          </el-scrollbar>
         </el-card>
       </re-col>
 
@@ -273,10 +271,6 @@ const optionsBasis: Array<OptionsType> = [
   }
 }
 
-:deep(.el-timeline.is-start) {
-  padding-left: 0;
-}
-
 .main-content {
   margin: 20px 20px 0 !important;
 }

types/global.d.ts

@@ -93,7 +93,7 @@ declare global {
     Layout?: string;
     Theme?: string;
     DarkMode?: boolean;
-    ThemeMode?: string;
+    OverallStyle?: string;
     Grey?: boolean;
     Weak?: boolean;
     HideTabs?: boolean;
@@ -140,7 +140,7 @@ declare global {
     sidebarStatus?: boolean;
     epThemeColor?: string;
     themeColor?: string;
-    themeMode?: string;
+    overallStyle?: string;
     showLogo?: boolean;
     showModel?: string;
     menuSearchHistory?: number;
@@ -169,7 +169,7 @@ declare global {
       sidebarStatus?: boolean;
       epThemeColor?: string;
       themeColor?: string;
-      themeMode?: string;
+      overallStyle?: string;
     };
     configure: {
       grey?: boolean;

vite.config.ts

@@ -59,4 +59,4 @@ export default ({ mode }: ConfigEnv): UserConfigExport => {
       __APP_INFO__: JSON.stringify(__APP_INFO__)
     }
   };
-};
+};