Merge branch 'main' into pages

fix: 修复标签页操作示例在切换国际化时报错
chore: 升级依赖，相关兼容处理
2026-02-13 17:30:27 +08:00 · 2026-02-06 10:49:08 +08:00 · 2026-02-06 10:46:21 +08:00 · 2026-02-05 10:31:12 +08:00 · 2026-02-05 10:13:37 +08:00 · 2026-02-05 10:12:07 +08:00
33 changed files with 1933 additions and 1764 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/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 {
+</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>
--- a/locales/en.yaml
+++ b/locales/en.yaml
@@ -19,6 +19,8 @@ buttons:
  pureBackTop: BackTop
  pureOpenText: Open
  pureCloseText: Close
  pureWatchMore: Watch More
  pureMarkAsRead: Mark As Read
 search:
  pureTotal: Total
  pureHistory: History
--- a/locales/zh-CN.yaml
+++ b/locales/zh-CN.yaml
@@ -19,6 +19,8 @@ buttons:
  pureBackTop: 回到顶部
  pureOpenText: 开
  pureCloseText: 关
  pureWatchMore: 查看更多
  pureMarkAsRead: 标为已读
 search:
  pureTotal: 共
  pureHistory: 搜索历史
--- a/package.json
+++ b/package.json
@@ -54,29 +54,29 @@
    "@logicflow/extension": "^1.2.28",
    "@pureadmin/descriptions": "^1.2.1",
    "@pureadmin/table": "^3.3.0",
-    "@pureadmin/utils": "^2.6.3",
+    "@pureadmin/utils": "^2.6.4",
    "@vue-flow/background": "^1.3.2",
-    "@vue-flow/core": "^1.48.1",
+    "@vue-flow/core": "^1.48.2",
-    "@vueuse/core": "^14.1.0",
+    "@vueuse/core": "^14.2.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.2",
+    "axios": "^1.13.4",
    "china-area-data": "^5.0.1",
    "codemirror": "^5.65.20",
    "codemirror-editor-vue3": "^2.8.0",
    "cropperjs": "^1.6.2",
    "dayjs": "^1.11.19",
-    "deep-chat": "^2.3.0",
+    "deep-chat": "^2.4.2",
    "echarts": "^6.0.0",
    "el-table-infinite-scroll": "^3.0.8",
-    "element-plus": "^2.13.0",
+    "element-plus": "^2.13.2",
    "highlight.js": "^11.11.1",
    "intro.js": "^7.2.0",
    "js-cookie": "^3.0.5",
-    "jsbarcode": "^3.12.1",
+    "jsbarcode": "^3.12.3",
    "localforage": "^1.10.0",
    "mint-filter": "^4.0.3",
    "mitt": "^3.0.1",
@@ -84,28 +84,28 @@
    "nprogress": "^0.2.0",
    "path-browserify": "^1.0.1",
    "pinia": "^3.0.4",
-    "pinyin-pro": "^3.27.0",
+    "pinyin-pro": "^3.28.0",
    "plus-pro-components": "^0.1.30",
    "qrcode": "^1.5.4",
-    "qs": "^6.14.0",
+    "qs": "^6.14.1",
    "responsive-storage": "^2.2.0",
    "sortablejs": "^1.15.6",
-    "swiper": "^12.0.3",
+    "swiper": "^12.1.0",
    "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.26",
+    "vue": "^3.5.27",
-    "vue-i18n": "^11.2.7",
+    "vue-i18n": "^11.2.8",
    "vue-json-pretty": "^2.6.0",
    "vue-pdf-embed": "^2.1.3",
-    "vue-router": "^4.6.4",
+    "vue-router": "^5.0.2",
    "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.6",
+    "vue3-danmaku": "^1.6.7",
    "vue3-puzzle-vcode": "^1.1.7",
    "vuedraggable": "^4.1.0",
    "vxe-table": "4.6.25",
@@ -114,12 +114,12 @@
    "xlsx": "^0.18.5"
  },
  "devDependencies": {
-    "@commitlint/cli": "^20.2.0",
+    "@commitlint/cli": "^20.4.1",
-    "@commitlint/config-conventional": "^20.2.0",
+    "@commitlint/config-conventional": "^20.4.1",
-    "@commitlint/types": "^20.2.0",
+    "@commitlint/types": "^20.4.0",
    "@eslint/js": "^9.39.2",
-    "@faker-js/faker": "^10.1.0",
+    "@faker-js/faker": "^10.2.0",
-    "@iconify/json": "^2.2.417",
+    "@iconify/json": "^2.2.435",
    "@iconify/vue": "4.2.0",
    "@intlify/unplugin-vue-i18n": "^11.0.3",
    "@tailwindcss/vite": "^4.1.18",
@@ -127,44 +127,44 @@
    "@types/dagre": "^0.7.53",
    "@types/intro.js": "^5.1.5",
    "@types/js-cookie": "^3.0.6",
-    "@types/node": "^20.19.27",
+    "@types/node": "^20.19.31",
    "@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.3",
+    "@vitejs/plugin-vue": "^6.0.4",
-    "@vitejs/plugin-vue-jsx": "^5.1.2",
+    "@vitejs/plugin-vue-jsx": "^5.1.4",
    "boxen": "^8.0.1",
-    "code-inspector-plugin": "^1.3.3",
+    "code-inspector-plugin": "^1.4.1",
    "cssnano": "^7.1.2",
    "dagre": "^0.8.5",
    "eslint": "^9.39.2",
    "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-prettier": "^5.5.4",
+    "eslint-plugin-prettier": "^5.5.5",
-    "eslint-plugin-vue": "^10.6.2",
+    "eslint-plugin-vue": "^10.7.0",
    "gradient-string": "^3.0.0",
    "husky": "^9.1.7",
    "lint-staged": "^16.2.7",
    "postcss": "^8.5.6",
-    "postcss-html": "^1.8.0",
+    "postcss-html": "^1.8.1",
    "postcss-load-config": "^6.0.1",
    "postcss-scss": "^4.0.9",
-    "prettier": "^3.7.4",
+    "prettier": "^3.8.1",
    "rimraf": "^6.1.2",
    "rollup-plugin-visualizer": "^6.0.5",
-    "sass": "^1.97.1",
+    "sass": "^1.97.3",
-    "stylelint": "^16.26.1",
+    "stylelint": "^17.1.1",
-    "stylelint-config-recess-order": "^7.4.0",
+    "stylelint-config-recess-order": "^7.6.0",
    "stylelint-config-recommended-vue": "^1.6.1",
-    "stylelint-config-standard-scss": "^14.0.0",
+    "stylelint-config-standard-scss": "^17.0.0",
    "stylelint-prettier": "^5.0.3",
    "svgo": "^4.0.0",
    "tailwindcss": "^4.1.18",
    "typescript": "^5.9.3",
-    "typescript-eslint": "^8.50.0",
+    "typescript-eslint": "^8.54.0",
-    "unplugin-icons": "^22.5.0",
+    "unplugin-icons": "^23.0.1",
-    "vite": "^7.3.0",
+    "vite": "^7.3.1",
    "vite-plugin-cdn-import": "^1.0.1",
    "vite-plugin-compression": "^0.5.1",
    "vite-plugin-fake-server": "^2.2.2",
@@ -172,7 +172,7 @@
    "vite-plugin-router-warn": "^2.0.0",
    "vite-svg-loader": "^5.1.0",
    "vue-eslint-parser": "^10.2.0",
-    "vue-tsc": "^3.2.1"
+    "vue-tsc": "^3.2.4"
  },
  "engines": {
    "node": "^20.19.0 || >=22.13.0",
@@ -206,4 +206,4 @@
      "vue3-danmaku"
    ]
  }
-}
+}
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/src/App.vue
+++ b/src/App.vue
@@ -7,15 +7,18 @@
 </template>
 <script lang="ts">
-import { defineComponent } from "vue";
+import { useRouter } from "vue-router";
 import { useGlobal } from "@pureadmin/utils";
 import { checkVersion } from "version-rocket";
 import { defineComponent, computed } from "vue";
 import { ElConfigProvider } from "element-plus";
-import { ReDialog } from "@/components/ReDialog";
+import { ReDialog, closeAllDialog } from "@/components/ReDialog";
-import { ReDrawer } from "@/components/ReDrawer";
+import { ReDrawer, closeAllDrawer } 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",
@@ -24,12 +27,23 @@ export default defineComponent({
    ReDialog,
    ReDrawer
  },
-  computed: {
+  setup() {
-    currentLocale() {
+    const router = useRouter();
-      return this.$storage.locale?.locale === "zh"
+    const { $storage } = useGlobal<GlobalPropertiesApi>();
    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;
@@ -54,5 +68,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'>
  //       补差价活动即将结束！
  //       </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/ReSeamlessScroll/src/index.vue
+++ b/src/components/ReSeamlessScroll/src/index.vue
@@ -5,14 +5,10 @@ import {
  ref,
  unref,
  nextTick,
-  computed
+  computed,
  useTemplateRef
 } from "vue";
-import {
+import { tryOnMounted, tryOnUnmounted, useDebounceFn } from "@vueuse/core";
  tryOnMounted,
  tryOnUnmounted,
  templateRef,
  useDebounceFn
 } from "@vueuse/core";
 import * as utilsMethods from "./utils";
 const { animationFrame, copyObj } = utilsMethods;
 animationFrame();
@@ -62,17 +58,14 @@ if (props.classOption["key"] === undefined) {
  props.classOption["key"] = 0;
 }
-const wrap = templateRef<HTMLElement | null>(
+const wrap = useTemplateRef<HTMLElement | null>(
-  `wrap${props.classOption["key"]}`,
+  `wrap${props.classOption["key"]}`
  null
 );
-const slotList = templateRef<HTMLElement | null>(
+const slotList = useTemplateRef<HTMLElement | null>(
-  `slotList${props.classOption["key"]}`,
+  `slotList${props.classOption["key"]}`
  null
 );
-const realBox = templateRef<HTMLElement | null>(
+const realBox = useTemplateRef<HTMLElement | null>(
-  `realBox${props.classOption["key"]}`,
+  `realBox${props.classOption["key"]}`
  null
 );
 const leftSwitchState = computed(() => {
--- 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
@@ -174,7 +174,7 @@ const { t, locale, translationCh, translationEn } = useTranslationLang();
 }
 .translation {
-  ::v-deep(.el-dropdown-menu__item) {
+  :deep(.el-dropdown-menu__item) {
    padding: 5px 40px;
  }
@@ -192,7 +192,7 @@ const { t, locale, translationCh, translationEn } = useTranslationLang();
 .logout {
  width: 120px;
-  ::v-deep(.el-dropdown-menu__item) {
+  :deep(.el-dropdown-menu__item) {
    display: inline-flex;
    flex-wrap: wrap;
    min-width: 100%;
--- a/src/layout/components/lay-notice/components/NoticeItem.vue
+++ b/src/layout/components/lay-notice/components/NoticeItem.vue
@@ -8,6 +8,10 @@ defineProps({
  noticeItem: {
    type: Object as PropType<ListItem>,
    default: () => {}
  },
  isLast: {
    type: Boolean,
    default: false
  }
 });
@@ -49,7 +53,11 @@ function hoverDescription(event, description) {
 <template>
  <div
-    class="notice-container border-0 border-b-[1px] border-solid border-[#f0f0f0] dark:border-[#303030]"
+    :class="[
      'notice-container',
      'border-0 border-solid border-[#f0f0f0] dark:border-[#303030]',
      { 'border-b': !isLast }
    ]"
  >
    <el-avatar
      v-if="noticeItem.avatar"
@@ -119,8 +127,6 @@ function hoverDescription(event, description) {
  justify-content: space-between;
  padding: 12px 0;
  // border-bottom: 1px solid #f0f0f0;
  .notice-container-avatar {
    margin-right: 16px;
    background: #fff;
--- a/src/layout/components/lay-notice/components/NoticeList.vue
+++ b/src/layout/components/lay-notice/components/NoticeList.vue
@@ -18,7 +18,12 @@ defineProps({
 <template>
  <div v-if="list.length">
-    <NoticeItem v-for="(item, index) in list" :key="index" :noticeItem="item" />
+    <NoticeItem
      v-for="(item, index) in list"
      :key="index"
      :noticeItem="item"
      :isLast="index === list.length - 1"
    />
  </div>
  <el-empty v-else :description="transformI18n(emptyText)" />
 </template>
--- a/src/layout/components/lay-notice/index.vue
+++ b/src/layout/components/lay-notice/index.vue
@@ -3,9 +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/lucide/bell";
 import ArrowRightIcon from "~icons/ri/arrow-right-s-line";
 const { t } = useI18n();
 const dropdownRef = ref();
 const notices = ref(noticesData);
 const activeKey = ref(noticesData[0]?.key);
@@ -13,14 +16,40 @@ 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 trigger="click" placement="bottom-end">
+  <el-dropdown ref="dropdownRef" trigger="click" placement="bottom-end">
    <span
      :class="['dropdown-badge', 'navbar-bg-hover', 'select-none', 'mr-[7px]']"
    >
-      <el-badge is-dot>
+      <el-badge is-dot :hidden="!hasAnyNoticeData">
        <span class="header-notice-icon">
          <IconifyIconOffline :icon="BellIcon" />
        </span>
@@ -42,7 +71,7 @@ const getLabel = computed(
          <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="330px">
+                <el-scrollbar max-height="345px">
                  <div class="noticeList-container">
                    <NoticeList :list="item.list" :emptyText="item.emptyText" />
                  </div>
@@ -51,6 +80,20 @@ const getLabel = computed(
            </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>
--- a/src/layout/components/lay-sidebar/NavHorizontal.vue
+++ b/src/layout/components/lay-sidebar/NavHorizontal.vue
@@ -159,7 +159,7 @@ onMounted(() => {
 }
 .translation {
-  ::v-deep(.el-dropdown-menu__item) {
+  :deep(.el-dropdown-menu__item) {
    padding: 5px 40px;
  }
@@ -177,7 +177,7 @@ onMounted(() => {
 .logout {
  width: 120px;
-  ::v-deep(.el-dropdown-menu__item) {
+  :deep(.el-dropdown-menu__item) {
    display: inline-flex;
    flex-wrap: wrap;
    min-width: 100%;
--- a/src/layout/components/lay-sidebar/NavMix.vue
+++ b/src/layout/components/lay-sidebar/NavMix.vue
@@ -180,7 +180,7 @@ watch(
 }
 .translation {
-  ::v-deep(.el-dropdown-menu__item) {
+  :deep(.el-dropdown-menu__item) {
    padding: 5px 40px;
  }
@@ -198,7 +198,7 @@ watch(
 .logout {
  width: 120px;
-  ::v-deep(.el-dropdown-menu__item) {
+  :deep(.el-dropdown-menu__item) {
    display: inline-flex;
    flex-wrap: wrap;
    min-width: 100%;
--- a/src/style/sidebar.scss
+++ b/src/style/sidebar.scss
@@ -233,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 {
@@ -470,6 +471,11 @@
        color: var(--pure-theme-sub-menu-active-text);
      }
      .globalization-icon {
        color: var(--pure-theme-sub-menu-active-text);
        outline: none;
      }
      .el-dropdown-link {
        display: flex;
        align-items: center;
--- a/src/style/tailwind.css
+++ b/src/style/tailwind.css
@@ -42,7 +42,7 @@
 }
@utility navbar-bg-hover {
-  @apply dark:text-white dark:hover:bg-[#242424]!;
+  @apply select-none dark:text-white dark:hover:bg-[#242424]!;
 }
@utility animate-scale-bounce {
--- a/src/views/able/video-frame/index.vue
+++ b/src/views/able/video-frame/index.vue
@@ -171,7 +171,7 @@ onBeforeUnmount(() => {
 </template>
 <style lang="scss" scoped>
-::v-deep(.el-upload-dragger) {
+:deep(.el-upload-dragger) {
  display: flex;
  align-items: center;
  height: 180px;
--- a/src/views/chatai/components/Bard.vue
+++ b/src/views/chatai/components/Bard.vue
@@ -56,13 +56,13 @@ onMounted(() => {
    :avatars="{
      default: {
        styles: {
-          position: 'left',
+          position: 'start',
          container: { marginLeft: '12px', marginRight: '5px' }
        }
      },
      ai: {
        src: 'https://xiaoxian521.github.io/hyperlink/img/vue-pure-admin/chatai/gemini.png',
-        styles: { position: 'left', avatar: { paddingTop: '6px' } }
+        styles: { position: 'start', avatar: { paddingTop: '6px' } }
      }
    }"
    :speechToText="{
@@ -80,11 +80,11 @@ onMounted(() => {
          },
          svg: { styles: { default: { bottom: '0.35em', left: '0.35em' } } }
        },
-        position: 'inside-right'
+        position: 'inside-end'
      }
    }"
    :submitButtonStyles="{
-      position: 'outside-right',
+      position: 'outside-end',
      submit: {
        container: {
          default: {
--- a/src/views/chatai/components/Bing.vue
+++ b/src/views/chatai/components/Bing.vue
@@ -89,7 +89,7 @@ onMounted(() => {
      }
    }"
    :submitButtonStyles="{
-      position: 'outside-right',
+      position: 'outside-end',
      submit: {
        container: {
          default: {
--- a/src/views/chatai/components/ChatGPT.vue
+++ b/src/views/chatai/components/ChatGPT.vue
@@ -46,7 +46,7 @@ onMounted(() => {
      }
    }"
    :avatars="{
-      default: { styles: { position: 'left' } },
+      default: { styles: { position: 'start' } },
      ai: { src: 'https://xiaoxian521.github.io/hyperlink/svg/openai.svg' }
    }"
    :submitButtonStyles="{
--- a/src/views/chatai/components/Speech.vue
+++ b/src/views/chatai/components/Speech.vue
@@ -22,7 +22,7 @@ onMounted(() => {
    style="border-radius: 8px"
    :speechToText="{
      webSpeech: { language: 'zh-CN' },
-      button: { position: 'outside-left' }
+      button: { position: 'outside-start' }
    }"
    :textInput="{
      placeholder: { text: '发送消息' }
--- a/src/views/components/datetime-picker.vue
+++ b/src/views/components/datetime-picker.vue
@@ -68,7 +68,7 @@ const shortcuts1 = [
 const value3 = ref("");
 const datePickerRef = ref();
-const placement = ref("auto");
+const placement = ref("auto") as any;
 const checkTag = ref([
  {
    title: "auto", // https://popper.js.org/docs/v2/constructors/#options
--- a/src/views/components/split-pane.vue
+++ b/src/views/components/split-pane.vue
@@ -71,17 +71,17 @@ const settingTB: ContextProps = reactive({
  .dv-a {
    padding-top: 30vh;
-    color: rgba($color: dodgerblue, $alpha: 80%);
+    color: rgb(30 144 255 / 80%);
  }
  .dv-b {
    padding-top: 10vh;
-    color: rgba($color: #000, $alpha: 80%);
+    color: rgb(0 0 0 / 80%);
  }
  .dv-c {
    padding-top: 18vh;
-    color: rgba($color: #ce272d, $alpha: 80%);
+    color: rgb(206 39 45 / 80%);
  }
 }
 </style>
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -334,9 +334,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 +344,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 +368,7 @@ watch(loginDay, value => {
 }
 .translation {
-  ::v-deep(.el-dropdown-menu__item) {
+  :deep(.el-dropdown-menu__item) {
    padding: 5px 40px;
  }
--- a/src/views/table/high/echarts/columns.tsx
+++ b/src/views/table/high/echarts/columns.tsx
@@ -1,7 +1,6 @@
 import { ref, computed } from "vue";
 import { tableDataDrag } from "../data";
 import { message } from "@/utils/message";
-import { templateRef } from "@vueuse/core";
+import { ref, computed, useTemplateRef } from "vue";
 import { clone, useDark, useECharts } from "@pureadmin/utils";
 export function useColumns() {
@@ -31,7 +30,7 @@ export function useColumns() {
  const theme = computed(() => (isDark.value ? "dark" : "light"));
  dataList.value.forEach((_, i) => {
-    const { setOptions } = useECharts(templateRef(`PieChartRef${i}`), {
+    const { setOptions } = useECharts(useTemplateRef(`PieChartRef${i}`), {
      theme
    });
--- a/src/views/tabs/index.vue
+++ b/src/views/tabs/index.vue
@@ -4,6 +4,7 @@ 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";
@@ -15,6 +16,7 @@ defineOptions({
  name: "Tabs"
 });
 const { locale } = useI18n();
 const { toDetail, router } = useDetail();
 const menusTree = clone(usePermissionStoreHook().wholeMenus, true);
@@ -30,6 +32,12 @@ 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 => {
@@ -92,6 +100,7 @@ function onCloseTags() {
    <el-divider />
    <el-tree-select
      :key="locale"
      v-model="currentValues"
      class="w-[300px]!"
      node-key="uniqueId"
@@ -100,11 +109,7 @@ function onCloseTags() {
      multiple
      filterable
      default-expand-all
-      :props="{
+      :props="treeSelectProps"
        label: data => transformI18n(data.meta.title),
        children: 'children',
        disabled: 'disabled'
      }"
      :data="treeData"
    >
      <template #default="{ data }">
--- a/src/views/vue-flow/layouting/animationEdge.vue
+++ b/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, executeTransition } from "@vueuse/core";
+import { TransitionPresets, transition } from "@vueuse/core";
 import {
  Position,
  BaseEdge,
@@ -153,7 +153,7 @@ async function runAnimation() {
    currentLength.value = totalLength;
  }
-  await executeTransition(edgePoint, from, totalLength, {
+  await transition(edgePoint, from, totalLength, {
    transition: TransitionPresets.easeInOutCubic,
    duration: Math.max(1500, totalLength / 2),
    abort: () => !isAnimating.value
--- a/src/views/welcome/index.vue
+++ b/src/views/welcome/index.vue
@@ -185,11 +185,13 @@ const optionsBasis: Array<OptionsType> = [
          }
        }"
      >
-        <el-card shadow="never" class="h-[580px]">
+        <el-card shadow="never">
          <div class="flex justify-between">
            <span class="text-md font-medium">数据统计</span>
          </div>
-          <WelcomeTable class="mt-3" />
+          <el-scrollbar max-height="504" class="mt-3">
            <WelcomeTable />
          </el-scrollbar>
        </el-card>
      </re-col>
@@ -271,6 +273,10 @@ const optionsBasis: Array<OptionsType> = [
  }
 }
 :deep(.el-timeline.is-start) {
  padding-left: 0;
 }
 .main-content {
  margin: 20px 20px 0 !important;
 }
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -59,4 +59,4 @@ export default ({ mode }: ConfigEnv): UserConfigExport => {
      __APP_INFO__: JSON.stringify(__APP_INFO__)
    }
  };
-};
+};