Merge branch 'main' into pages

feat: RePureTableBar与ReVxeTableBar组件实现全量文本国际化 (#1251 )
2026-02-13 17:30:27 +08:00 · 2026-01-08 11:30:32 +08:00 · 2026-01-08 11:23:51 +08:00 · 2026-01-07 10:45:09 +08:00 · 2026-01-07 10:39:49 +08:00 · 2026-01-06 12:53:23 +08:00
29 changed files with 1392 additions and 983 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -1,10 +1,9 @@
 node_modules
 .DS_Store
 dist
 dist-ssr
 *.local
 .eslintcache
 report.html
 dist
 vite.config.*.timestamp*
 yarn.lock
--- a/.husky/commit-msg
+++ b/.husky/commit-msg
@@ -1,8 +0,0 @@
 #!/bin/sh
 # shellcheck source=./_/husky.sh
 . "$(dirname "$0")/_/husky.sh"
 PATH="/usr/local/bin:$PATH"
 npx --no-install commitlint --edit "$1"
--- a/.husky/common.sh
+++ b/.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
--- a/.husky/pre-commit
+++ b/.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
--- a/.nvmrc
+++ b/.nvmrc
@@ -1 +1 @@
-v22.20.0
+v24.12.0
--- a/index.html
+++ b/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 {
          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>
--- a/locales/en.yaml
+++ b/locales/en.yaml
@@ -239,3 +239,17 @@ login:
  purePassWordSureReg: Please enter confirm password
  purePassWordDifferentReg: The two passwords do not match!
  purePassWordUpdateReg: Password has been updated
 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
--- a/locales/zh-CN.yaml
+++ b/locales/zh-CN.yaml
@@ -239,3 +239,17 @@ login:
  purePassWordSureReg: 请输入确认密码
  purePassWordDifferentReg: 两次密码不一致!
  purePassWordUpdateReg: 修改密码成功
 tableBar:
  pureList: 列表
  pureLarge: 宽松
  pureDefault: 默认
  pureSmall: 紧凑
  pureColumnSettings: 列设置
  pureCollapse: 折叠
  pureExpand: 展开
  pureRefresh: 刷新
  pureDensity: 密度
  pureColumnDisplay: 列展示
  pureReset: 重置
  pureExitFullScreen: 退出全屏
  pureFullScreen: 全屏
--- a/package.json
+++ b/package.json
@@ -56,7 +56,7 @@
    "@pureadmin/table": "^3.3.0",
    "@pureadmin/utils": "^2.6.3",
    "@vue-flow/background": "^1.3.2",
-    "@vue-flow/core": "^1.48.0",
+    "@vue-flow/core": "^1.48.1",
    "@vueuse/core": "^14.1.0",
    "@vueuse/motion": "^3.0.3",
    "@wangeditor/editor": "^5.1.23",
@@ -72,7 +72,7 @@
    "deep-chat": "^2.3.0",
    "echarts": "^6.0.0",
    "el-table-infinite-scroll": "^3.0.8",
-    "element-plus": "^2.12.0",
+    "element-plus": "^2.13.0",
    "highlight.js": "^11.11.1",
    "intro.js": "^7.2.0",
    "js-cookie": "^3.0.5",
@@ -96,11 +96,11 @@
    "v3-infinite-loading": "^1.3.2",
    "vditor": "^3.11.2",
    "version-rocket": "^1.7.4",
-    "vue": "^3.5.25",
+    "vue": "^3.5.26",
-    "vue-i18n": "^11.2.2",
+    "vue-i18n": "^11.2.7",
    "vue-json-pretty": "^2.6.0",
    "vue-pdf-embed": "^2.1.3",
-    "vue-router": "^4.6.3",
+    "vue-router": "^4.6.4",
    "vue-tippy": "^6.7.1",
    "vue-types": "^6.0.0",
    "vue-virtual-scroller": "2.0.0-beta.8",
@@ -117,29 +117,29 @@
    "@commitlint/cli": "^20.2.0",
    "@commitlint/config-conventional": "^20.2.0",
    "@commitlint/types": "^20.2.0",
-    "@eslint/js": "^9.39.1",
+    "@eslint/js": "^9.39.2",
    "@faker-js/faker": "^10.1.0",
-    "@iconify/json": "^2.2.416",
+    "@iconify/json": "^2.2.417",
    "@iconify/vue": "4.2.0",
-    "@intlify/unplugin-vue-i18n": "^11.0.1",
+    "@intlify/unplugin-vue-i18n": "^11.0.3",
-    "@tailwindcss/vite": "^4.1.17",
+    "@tailwindcss/vite": "^4.1.18",
    "@types/codemirror": "^5.60.17",
    "@types/dagre": "^0.7.53",
    "@types/intro.js": "^5.1.5",
    "@types/js-cookie": "^3.0.6",
-    "@types/node": "^20.19.26",
+    "@types/node": "^20.19.27",
    "@types/nprogress": "^0.2.3",
    "@types/path-browserify": "^1.0.3",
    "@types/qrcode": "^1.5.6",
    "@types/qs": "^6.14.0",
    "@types/sortablejs": "^1.15.9",
-    "@vitejs/plugin-vue": "^6.0.2",
+    "@vitejs/plugin-vue": "^6.0.3",
    "@vitejs/plugin-vue-jsx": "^5.1.2",
    "boxen": "^8.0.1",
-    "code-inspector-plugin": "^1.3.0",
+    "code-inspector-plugin": "^1.3.3",
    "cssnano": "^7.1.2",
    "dagre": "^0.8.5",
-    "eslint": "^9.39.1",
+    "eslint": "^9.39.2",
    "eslint-config-prettier": "^10.1.8",
    "eslint-plugin-prettier": "^5.5.4",
    "eslint-plugin-vue": "^10.6.2",
@@ -153,26 +153,26 @@
    "prettier": "^3.7.4",
    "rimraf": "^6.1.2",
    "rollup-plugin-visualizer": "^6.0.5",
-    "sass": "^1.95.1",
+    "sass": "^1.97.1",
    "stylelint": "^16.26.1",
    "stylelint-config-recess-order": "^7.4.0",
    "stylelint-config-recommended-vue": "^1.6.1",
    "stylelint-config-standard-scss": "^14.0.0",
    "stylelint-prettier": "^5.0.3",
    "svgo": "^4.0.0",
-    "tailwindcss": "^4.1.17",
+    "tailwindcss": "^4.1.18",
    "typescript": "^5.9.3",
-    "typescript-eslint": "^8.49.0",
+    "typescript-eslint": "^8.50.0",
    "unplugin-icons": "^22.5.0",
-    "vite": "^7.2.7",
+    "vite": "^7.3.0",
    "vite-plugin-cdn-import": "^1.0.1",
    "vite-plugin-compression": "^0.5.1",
    "vite-plugin-fake-server": "^2.2.2",
    "vite-plugin-remove-console": "^2.2.0",
-    "vite-plugin-router-warn": "^1.0.0",
+    "vite-plugin-router-warn": "^2.0.0",
    "vite-svg-loader": "^5.1.0",
    "vue-eslint-parser": "^10.2.0",
-    "vue-tsc": "^3.1.8"
+    "vue-tsc": "^3.2.1"
  },
  "engines": {
    "node": "^20.19.0 || >=22.13.0",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/src/App.vue
+++ b/src/App.vue
@@ -16,6 +16,7 @@ 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",
@@ -53,6 +54,32 @@ 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/'>
        新功能更新，点我查看
        </a>
      `
    });
  }
 });
 </script>
 <style>
 .fullpage-notification > .el-notification__group > .el-notification__closeBtn {
  top: 15px;
 }
 .fullpage-notification > div > h2 {
  color: red;
  font-size: 18px;
 }
 </style>
--- a/src/components/RePureTableBar/src/bar.tsx
+++ b/src/components/RePureTableBar/src/bar.tsx
@@ -1,5 +1,5 @@
 import Sortable from "sortablejs";
-import { transformI18n } from "@/plugins/i18n";
+import { $t, transformI18n } from "@/plugins/i18n";
 import { useEpThemeStoreHook } from "@/store/modules/epTheme";
 import {
  type PropType,
@@ -30,7 +30,7 @@ const props = {
  /** 头部最左边的标题 */
  title: {
    type: String,
-    default: "列表"
+    default: $t("tableBar.pureList")
  },
  /** 对于树形表格，如果想启用展开和折叠功能，传入当前表格的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,7 +245,9 @@ export default defineComponent({
      reference: () => (
        <SettingIcon
          class={["w-[16px]", iconClass.value]}
-          v-tippy={rendTippyProps("列设置")}
+          v-tippy={rendTippyProps(
            transformI18n($t("tableBar.pureColumnSettings"))
          )}
        />
      )
    };
@@ -268,7 +270,7 @@ export default defineComponent({
            {slots?.title ? (
              slots.title()
            ) : (
-              <p class="font-bold truncate">{props.title}</p>
+              <p class="font-bold truncate">{transformI18n(props.title)}</p>
            )}
            <div class="flex items-center justify-around">
              {slots?.buttons ? (
@@ -282,7 +284,9 @@ 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()}
                  />
@@ -295,14 +299,18 @@ 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>
@@ -318,13 +326,13 @@ export default defineComponent({
                <div class={[topClass.value]}>
                  <el-checkbox
                    class="-mr-1!"
-                    label="列展示"
+                    label={transformI18n($t("tableBar.pureColumnDisplay"))}
                    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>
@@ -382,7 +390,11 @@ export default defineComponent({
              <iconifyIconOffline
                class={["w-[16px]", iconClass.value]}
                icon={isFullscreen.value ? ExitFullscreen : Fullscreen}
-                v-tippy={isFullscreen.value ? "退出全屏" : "全屏"}
+                v-tippy={
                  isFullscreen.value
                    ? transformI18n($t("tableBar.pureExitFullScreen"))
                    : transformI18n($t("tableBar.pureFullScreen"))
                }
                onClick={() => onFullscreen()}
              />
            </div>
--- a/src/components/ReVxeTableBar/src/bar.tsx
+++ b/src/components/ReVxeTableBar/src/bar.tsx
@@ -1,5 +1,5 @@
 import Sortable from "sortablejs";
-import { transformI18n } from "@/plugins/i18n";
+import { $t, 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: "列表"
+    default: $t("tableBar.pureList")
  },
  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,7 +238,9 @@ export default defineComponent({
      reference: () => (
        <SettingIcon
          class={["w-[16px]", iconClass.value]}
-          v-tippy={rendTippyProps("列设置")}
+          v-tippy={rendTippyProps(
            transformI18n($t("tableBar.pureColumnSettings"))
          )}
        />
      )
    };
@@ -261,7 +263,7 @@ export default defineComponent({
            {slots?.title ? (
              slots.title()
            ) : (
-              <p class="font-bold truncate">{props.title}</p>
+              <p class="font-bold truncate">{transformI18n(props.title)}</p>
            )}
            <div class="flex items-center justify-around">
              {slots?.buttons ? (
@@ -275,7 +277,9 @@ 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()}
                  />
@@ -288,14 +292,18 @@ 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>
@@ -311,13 +319,13 @@ export default defineComponent({
                <div class={[topClass.value]}>
                  <el-checkbox
                    class="-mr-1!"
-                    label="列展示"
+                    label={transformI18n($t("tableBar.pureColumnDisplay"))}
                    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>
@@ -373,7 +381,11 @@ export default defineComponent({
              <iconifyIconOffline
                class={["w-[16px]", iconClass.value]}
                icon={isFullscreen.value ? ExitFullscreen : Fullscreen}
-                v-tippy={isFullscreen.value ? "退出全屏" : "全屏"}
+                v-tippy={
                  isFullscreen.value
                    ? transformI18n($t("tableBar.pureExitFullScreen"))
                    : transformI18n($t("tableBar.pureFullScreen"))
                }
                onClick={() => onFullscreen()}
              />
            </div>
--- a/src/layout/components/lay-footer/index.vue
+++ b/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%;
--- a/src/layout/components/lay-navbar/index.vue
+++ b/src/layout/components/lay-navbar/index.vue
@@ -53,9 +53,11 @@ const { t, locale, translationCh, translationEn } = useTranslationLang();
      <LaySearch id="header-search" />
      <!-- 国际化 -->
      <el-dropdown id="header-translation" trigger="click">
-        <GlobalizationIcon
+        <div
-          class="navbar-bg-hover w-[40px] h-[48px] p-[11px] cursor-pointer outline-hidden"
+          class="globalization-icon navbar-bg-hover hover:[&>svg]:animate-scale-bounce"
-        />
+        >
          <IconifyIconOffline :icon="GlobalizationIcon" />
        </div>
        <template #dropdown>
          <el-dropdown-menu class="translation">
            <el-dropdown-item
@@ -113,7 +115,7 @@ const { t, locale, translationCh, translationEn } = useTranslationLang();
        </template>
      </el-dropdown>
      <span
-        class="set-icon navbar-bg-hover"
+        class="set-icon navbar-bg-hover hover:[&>svg]:animate-scale-bounce"
        :title="t('buttons.pureOpenSystemSet')"
        @click="onPanel"
      >
--- a/src/layout/components/lay-notice/index.vue
+++ b/src/layout/components/lay-notice/index.vue
@@ -3,15 +3,12 @@ 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";
 const { t } = useI18n();
 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})` : "")
@@ -21,14 +18,9 @@ const getLabel = computed(
 <template>
  <el-dropdown trigger="click" placement="bottom-end">
    <span
-      :class="[
+      :class="['dropdown-badge', 'navbar-bg-hover', 'select-none', 'mr-[7px]']"
        'dropdown-badge',
        'navbar-bg-hover',
        'select-none',
        Number(noticesNum) !== 0 && 'mr-[10px]'
      ]"
    >
-      <el-badge :value="Number(noticesNum) === 0 ? '' : noticesNum" :max="99">
+      <el-badge is-dot>
        <span class="header-notice-icon">
          <IconifyIconOffline :icon="BellIcon" />
        </span>
@@ -65,6 +57,34 @@ const getLabel = computed(
 </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;
@@ -74,7 +94,13 @@ const getLabel = computed(
  cursor: pointer;
  .header-notice-icon {
-    font-size: 18px;
+    font-size: 16px;
  }
  &:hover {
    .header-notice-icon svg {
      animation: pure-bell-ring 1s both;
    }
  }
 }
--- a/src/layout/components/lay-panel/index.vue
+++ b/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="project-configuration border-0 border-b-[1px] border-solid border-[var(--pure-border-color)]"
+        class="flex-bc py-3 px-5 border-0 border-l border-solid border-(--pure-border-color)"
      >
        <h4 class="dark:text-white">
          {{ t("panel.pureSystemSet") }}
@@ -73,12 +73,14 @@ 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-t-[1px] border-solid border-[var(--pure-border-color)]"
+        class="flex justify-end p-3 border-0 border-l border-solid border-(--pure-border-color)"
      >
        <el-button
          v-tippy="{
@@ -99,10 +101,6 @@ onBeforeUnmount(() => {
 </template>
 <style lang="scss" scoped>
 :deep(.el-scrollbar) {
  height: calc(100vh - 110px);
 }
 .right-panel-background {
  position: fixed;
  top: 0;
@@ -139,11 +137,4 @@ onBeforeUnmount(() => {
    transform: translate(0);
  }
 }
 .project-configuration {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
 }
 </style>
--- a/src/layout/components/lay-search/index.vue
+++ b/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"
+      class="search-container w-[40px] h-[48px] flex-c cursor-pointer navbar-bg-hover hover:[&>svg]:animate-scale-bounce"
      @click="handleSearch"
    >
      <IconifyIconOffline icon="ri/search-line" />
--- a/src/layout/components/lay-setting/index.vue
+++ b/src/layout/components/lay-setting/index.vue
@@ -345,8 +345,8 @@ onUnmounted(() => removeMatchMedia);
          @click="setLayoutThemeColor(item.themeColor)"
        >
          <el-icon
-            style="margin: 0.1em 0.1em 0 0"
+            class="mt-px"
-            :size="17"
+            :size="20"
            :color="getThemeColor(item.themeColor)"
          >
            <IconifyIconOffline :icon="Check" />
@@ -538,17 +538,24 @@ onUnmounted(() => removeMatchMedia);
 }
 .theme-color {
-  height: 20px;
+  display: flex;
  gap: 8px;
  margin-top: 8px;
  li {
-    float: left;
+    position: relative;
-    height: 20px;
+    width: 21px;
-    margin-right: 8px;
+    height: 21px;
    cursor: pointer;
    border-radius: 4px;
    box-shadow: rgb(0 0 0 / 15%) 0 0 0 1px inset;
    transition: all 0.2s ease;
-    &:nth-child(1) {
+    &:hover {
-      border: 1px solid #ddd;
+      box-shadow:
        rgb(0 0 0 / 25%) 0 0 0 1px inset,
        0 2px 4px rgb(0 0 0 / 15%);
      transform: scale(1.1);
    }
  }
 }
--- a/src/layout/components/lay-sidebar/NavHorizontal.vue
+++ b/src/layout/components/lay-sidebar/NavHorizontal.vue
@@ -83,9 +83,11 @@ onMounted(() => {
      <LaySearch id="header-search" />
      <!-- 国际化 -->
      <el-dropdown id="header-translation" trigger="click">
-        <GlobalizationIcon
+        <div
-          class="navbar-bg-hover w-[40px] h-[48px] p-[11px] cursor-pointer outline-hidden"
+          class="globalization-icon navbar-bg-hover hover:[&>svg]:animate-scale-bounce"
-        />
+        >
          <IconifyIconOffline :icon="GlobalizationIcon" />
        </div>
        <template #dropdown>
          <el-dropdown-menu class="translation">
            <el-dropdown-item
@@ -141,7 +143,7 @@ onMounted(() => {
        </template>
      </el-dropdown>
      <span
-        class="set-icon navbar-bg-hover"
+        class="set-icon navbar-bg-hover hover:[&>svg]:animate-scale-bounce"
        :title="t('buttons.pureOpenSystemSet')"
        @click="onPanel"
      >
--- a/src/layout/components/lay-sidebar/NavMix.vue
+++ b/src/layout/components/lay-sidebar/NavMix.vue
@@ -104,9 +104,11 @@ watch(
      <LaySearch id="header-search" />
      <!-- 国际化 -->
      <el-dropdown id="header-translation" trigger="click">
-        <GlobalizationIcon
+        <div
-          class="navbar-bg-hover w-[40px] h-[48px] p-[11px] cursor-pointer outline-hidden"
+          class="globalization-icon navbar-bg-hover hover:[&>svg]:animate-scale-bounce"
-        />
+        >
          <IconifyIconOffline :icon="GlobalizationIcon" />
        </div>
        <template #dropdown>
          <el-dropdown-menu class="translation">
            <el-dropdown-item
@@ -162,7 +164,7 @@ watch(
        </template>
      </el-dropdown>
      <span
-        class="set-icon navbar-bg-hover"
+        class="set-icon navbar-bg-hover hover:[&>svg]:animate-scale-bounce"
        :title="t('buttons.pureOpenSystemSet')"
        @click="onPanel"
      >
--- a/src/layout/components/lay-sidebar/components/SidebarFullScreen.vue
+++ b/src/layout/components/lay-sidebar/components/SidebarFullScreen.vue
@@ -24,7 +24,10 @@ watch(
 </script>
 <template>
-  <span class="fullscreen-icon navbar-bg-hover" @click="toggle">
+  <span
    class="fullscreen-icon navbar-bg-hover hover:[&>svg]:animate-scale-bounce"
    @click="toggle"
  >
    <IconifyIconOffline :icon="screenIcon" />
  </span>
 </template>
--- a/src/style/dark.scss
+++ b/src/style/dark.scss
@@ -135,17 +135,6 @@ 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,
--- a/src/style/index.scss
+++ b/src/style/index.scss
@@ -35,3 +35,18 @@
 .html-weakness {
  filter: invert(80%);
 }
 /* 轻微缩小，再恢复原状的平滑缩放动画 */
@keyframes pure-scale-bounce {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
 }
--- a/src/style/sidebar.scss
+++ b/src/style/sidebar.scss
@@ -34,12 +34,14 @@
  }
  .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;
  }
@@ -231,6 +233,7 @@
    .is-active.submenu-title-noDropdown.outer-most > * {
      z-index: 1;
      color: #fff;
      background: transparent !important;
    }
    .is-active.submenu-title-noDropdown.outer-most::before {
@@ -449,7 +452,7 @@
      /* 搜索 */
      .search-container,
      /* 国际化 */
-      .globalization,
+      .globalization-icon,
      /* 全屏 */
      .fullscreen-icon,
      /* 消息通知 */
@@ -468,15 +471,6 @@
        color: var(--pure-theme-sub-menu-active-text);
      }
      .globalization {
        width: 40px;
        height: 48px;
        padding: 11px;
        color: var(--pure-theme-sub-menu-active-text);
        cursor: pointer;
        outline: none;
      }
      .el-dropdown-link {
        display: flex;
        align-items: center;
@@ -630,7 +624,7 @@ body[layout="vertical"] {
  /* 搜索 */
  .search-container,
  /* 国际化 */
-  .globalization,
+  .globalization-icon,
  /* 全屏 */
  .fullscreen-icon,
  /* 消息通知 */
--- a/src/style/tailwind.css
+++ b/src/style/tailwind.css
@@ -44,3 +44,7 @@
@utility navbar-bg-hover {
  @apply dark:text-white dark:hover:bg-[#242424]!;
 }
@utility animate-scale-bounce {
  animation: pure-scale-bounce 0.3s ease-in-out;
 }
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -336,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"
@@ -346,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>
--- a/src/views/tabs/index.vue
+++ b/src/views/tabs/index.vue
@@ -102,7 +102,6 @@ function onCloseTags() {
      default-expand-all
      :props="{
        label: data => transformI18n(data.meta.title),
        value: 'uniqueId',
        children: 'children',
        disabled: 'disabled'
      }"