release: update 3.9.2

chore(build): 当 vite.config.ts 的打包路径 build.outDir 不是默认值 dist 时, getPackageSize 方法会出错 (#391 )
Co-authored-by: zhiqi.xiao <zhiqi.xiao20@tendcloud.com>
2025-11-03 13:44:47 +08:00 · 2022-12-03 15:02:17 +08:00 · 2022-12-03 14:50:51 +08:00 · 2022-12-03 14:39:23 +08:00 · 2022-12-03 01:28:50 +08:00 · 2022-12-02 19:32:48 +08:00
32 changed files with 393 additions and 207 deletions
--- a/CHANGELOG.en_US.md
+++ b/CHANGELOG.en_US.md
@@ -1,3 +1,24 @@
+# 3.9.2 (2022-12-03)
+
+### 🍏 Perf
+
+- Global coverage of `el-dialog`, `el-drawer`, `el-message-box`, `el-notification` components of `element-plus`The style of the close icon in the upper right corner makes it more vivid [specific modification Code record](https://github.com/xiaoxian521/vue-pure-admin/commit/c80818d792276666aaea4b18413a0f08777f2ed1)
+- The packaging output information is compatible with different packaging output paths
+- Optimize some animations
+
+# 3.9.1 (2022-12-02)
+
+### 🎫 Feat
+
+- Add `CachingAsyncRoutes` whether to enable dynamic route cache local global configuration, default `true`
+- Add `TooltipEffect` global configuration, you can configure the `effect` attribute of all `el-tooltip` on the platform body, the default `light`, does not affect the business code
+- Add directory, menu text exceeds display `Tooltip` text prompt demo
+
+### 🍏 Perf
+
+- Optimize `initRouter` method, compatible with `sso` scenario
+- Breadcrumb animation style optimization
+
 # 3.9.0 (2022-11-30)

 ### 🐞 Bug fixes
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,24 @@
+# 3.9.2 (2022-12-03)
+
+### 🍏 Perf
+
+- Global coverage of `el-dialog`, `el-drawer`, `el-message-box`, `el-notification` components of `element-plus`The style of the close icon in the upper right corner makes it more vivid [specific modification Code record](https://github.com/xiaoxian521/vue-pure-admin/commit/c80818d792276666aaea4b18413a0f08777f2ed1)
+- The packaging output information is compatible with different packaging output paths
+- Optimize some animations
+
+# 3.9.1 (2022-12-02)
+
+### 🎫 Feat
+
+- Add `CachingAsyncRoutes` whether to enable dynamic route cache local global configuration, default `true`
+- Add `TooltipEffect` global configuration, you can configure the `effect` attribute of all `el-tooltip` on the platform body, the default `light`, does not affect the business code
+- Add directory, menu text exceeds display `Tooltip` text prompt demo
+
+### 🍏 Perf
+
+- Optimize `initRouter` method, compatible with `sso` scenario
+- Breadcrumb animation style optimization
+
 # 3.9.0 (2022-11-30)

 ### 🐞 Bug fixes
--- a/CHANGELOG.zh_CN.md
+++ b/CHANGELOG.zh_CN.md
@@ -1,3 +1,24 @@
+# 3.9.2 (2022-12-03)
+
+### 🍏 Perf
+
+- 全局覆盖 `element-plus` 的 `el-dialog`、`el-drawer`、`el-message-box`、`el-notification` 组件右上角关闭图标的样式，使其表现更鲜明 [具体代码修改记录](https://github.com/xiaoxian521/vue-pure-admin/commit/c80818d792276666aaea4b18413a0f08777f2ed1)
+- 打包输出信息兼容不同打包输出路径
+- 优化一些动画
+
+# 3.9.1 (2022-12-02)
+
+### 🎫 Feat
+
+- 添加 `CachingAsyncRoutes` 是否开启动态路由缓存本地的全局配置，默认 `true`
+- 添加 `TooltipEffect` 全局配置，可配置平台主体所有 `el-tooltip` 的 `effect` 属性，默认 `light`，不影响业务代码
+- 添加目录、菜单文字超出显示 `Tooltip` 文字提示演示
+
+### 🍏 Perf
+
+- 优化 `initRouter` 方法，兼容 `sso` 场景
+- 面包屑动画样式优化
+
 # 3.9.0 (2022-11-30)

 ### 🐞 Bug fixes
--- a/build/info.ts
+++ b/build/info.ts
@@ -9,10 +9,12 @@ export function viteBuildInfo(): Plugin {
  let config: { command: string };
  let startTime: Dayjs;
  let endTime: Dayjs;
+  let outDir: string;
  return {
    name: "vite:buildInfo",
-    configResolved(resolvedConfig: { command: string }) {
+    configResolved(resolvedConfig) {
      config = resolvedConfig;
+      outDir = resolvedConfig.build?.outDir ?? "dist";
    },
    buildStart() {
      console.log(
@@ -32,6 +34,7 @@ export function viteBuildInfo(): Plugin {
      if (config.command === "build") {
        endTime = dayjs(new Date());
        getPackageSize({
+          folder: outDir,
          callback: (size: string) => {
            console.log(
              bold(
--- a/locales/en.yaml
+++ b/locales/en.yaml
@@ -101,6 +101,8 @@ menus:
  hsPureTableBase: Base Usage
  hsPureTableHigh: High Usage
  hsTree: Big Data Tree
+  hsMenuoverflow: Menu Overflow Show Tooltip Text
+  hsChildMenuoverflow: Child Menu Overflow Show Tooltip Text
 status:
  hsLoad: Loading...
 login:
--- a/locales/zh-CN.yaml
+++ b/locales/zh-CN.yaml
@@ -101,6 +101,8 @@ menus:
  hsPureTableBase: 基础用法（23个示例）
  hsPureTableHigh: 高级用法（8个示例）
  hsTree: 大数据树业务组件
+  hsMenuoverflow: 目录超出显示 Tooltip 文字提示
+  hsChildMenuoverflow: 菜单超出显示 Tooltip 文字提示
 status:
  hsLoad: 加载中...
 login:
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "vue-pure-admin",
-  "version": "3.9.0",
+  "version": "3.9.2",
  "private": true,
  "scripts": {
    "dev": "NODE_OPTIONS=--max-old-space-size=4096 vite",
@@ -35,8 +35,8 @@
    "@logicflow/core": "^1.1.30",
    "@logicflow/extension": "^1.1.30",
    "@pureadmin/descriptions": "^1.1.0",
-    "@pureadmin/table": "^1.8.0",
-    "@pureadmin/utils": "^1.7.1",
+    "@pureadmin/table": "^1.8.2",
+    "@pureadmin/utils": "^1.7.2",
    "@vueuse/core": "^9.6.0",
    "@vueuse/motion": "2.0.0-beta.12",
    "@wangeditor/editor": "^5.1.21",
@@ -48,7 +48,7 @@
    "dayjs": "^1.11.6",
    "echarts": "^5.4.0",
    "el-table-infinite-scroll": "^3.0.1",
-    "element-plus": "^2.2.25",
+    "element-plus": "^2.2.26",
    "element-resize-detector": "^1.2.4",
    "intro.js": "^6.0.0",
    "js-cookie": "^3.0.1",
@@ -56,27 +56,27 @@
    "lodash": "^4.17.21",
    "lodash-es": "^4.17.21",
    "lodash-unified": "^1.0.2",
-    "md-editor-v3": "^2.4.2",
+    "md-editor-v3": "^2.5.0",
    "mitt": "^3.0.0",
    "mockjs": "^1.1.0",
    "nprogress": "^0.2.0",
    "path": "^0.12.7",
-    "pinia": "^2.0.26",
+    "pinia": "^2.0.27",
    "qrcode": "^1.5.1",
    "qs": "^6.11.0",
    "responsive-storage": "^2.1.0",
    "sortablejs": "^1.15.0",
-    "swiper": "^8.4.4",
+    "swiper": "^8.4.5",
    "typeit": "^8.7.0",
    "v-contextmenu": "3.0.0",
    "vue": "^3.2.45",
    "vue-i18n": "^9.2.2",
-    "vue-json-pretty": "^2.2.2",
-    "vue-pdf-embed": "^1.1.4",
+    "vue-json-pretty": "^2.2.3",
+    "vue-pdf-embed": "^1.1.5",
    "vue-router": "^4.1.6",
    "vue-types": "^4.2.1",
    "vue-virtual-scroller": "^2.0.0-alpha.1",
-    "vue3-danmaku": "^1.0.0",
+    "vue3-danmaku": "^1.1.0",
    "vuedraggable": "^4.1.0",
    "vxe-table": "^4.3.6",
    "xe-utils": "^3.5.7",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -14,9 +14,9 @@ specifiers:
  "@logicflow/core": ^1.1.30
  "@logicflow/extension": ^1.1.30
  "@pureadmin/descriptions": ^1.1.0
-  "@pureadmin/table": ^1.8.0
+  "@pureadmin/table": ^1.8.2
  "@pureadmin/theme": ^2.4.0
-  "@pureadmin/utils": ^1.7.1
+  "@pureadmin/utils": ^1.7.2
  "@types/element-resize-detector": 1.1.3
  "@types/intro.js": ^5.1.0
  "@types/js-cookie": ^3.0.1
@@ -48,7 +48,7 @@ specifiers:
  dayjs: ^1.11.6
  echarts: ^5.4.0
  el-table-infinite-scroll: ^3.0.1
-  element-plus: ^2.2.25
+  element-plus: ^2.2.26
  element-resize-detector: ^1.2.4
  eslint: ^8.8.0
  eslint-plugin-prettier: ^4.0.0
@@ -62,13 +62,13 @@ specifiers:
  lodash: ^4.17.21
  lodash-es: ^4.17.21
  lodash-unified: ^1.0.2
-  md-editor-v3: ^2.4.2
+  md-editor-v3: ^2.5.0
  mitt: ^3.0.0
  mockjs: ^1.1.0
  nprogress: ^0.2.0
  path: ^0.12.7
  picocolors: ^1.0.0
-  pinia: ^2.0.26
+  pinia: ^2.0.27
  postcss: ^8.4.18
  postcss-html: ^1.5.0
  postcss-import: ^15.0.0
@@ -90,7 +90,7 @@ specifiers:
  stylelint-config-standard: ^29.0.0
  stylelint-order: ^5.0.0
  svgo: ^3.0.2
-  swiper: ^8.4.4
+  swiper: ^8.4.5
  tailwindcss: ^3.2.4
  terser: ^5.15.1
  typeit: ^8.7.0
@@ -106,13 +106,13 @@ specifiers:
  vue: ^3.2.45
  vue-eslint-parser: ^9.1.0
  vue-i18n: ^9.2.2
-  vue-json-pretty: ^2.2.2
-  vue-pdf-embed: ^1.1.4
+  vue-json-pretty: ^2.2.3
+  vue-pdf-embed: ^1.1.5
  vue-router: ^4.1.6
  vue-tsc: ^1.0.9
  vue-types: ^4.2.1
  vue-virtual-scroller: ^2.0.0-alpha.1
-  vue3-danmaku: ^1.0.0
+  vue3-danmaku: ^1.1.0
  vuedraggable: ^4.1.0
  vxe-table: ^4.3.6
  xe-utils: ^3.5.7
@@ -125,9 +125,9 @@ dependencies:
  "@howdyjs/mouse-menu": 2.0.5_vue@3.2.45
  "@logicflow/core": 1.1.31
  "@logicflow/extension": 1.1.31
-  "@pureadmin/descriptions": 1.1.1_element-plus@2.2.25
-  "@pureadmin/table": 1.8.1_element-plus@2.2.25
-  "@pureadmin/utils": 1.7.1_aotapuqn7htzdjltsyimavekky
+  "@pureadmin/descriptions": 1.1.1_element-plus@2.2.26
+  "@pureadmin/table": 1.8.2_element-plus@2.2.26
+  "@pureadmin/utils": 1.7.2_aotapuqn7htzdjltsyimavekky
  "@vueuse/core": 9.6.0_vue@3.2.45
  "@vueuse/motion": 2.0.0-beta.12_vue@3.2.45
  "@wangeditor/editor": 5.1.23
@@ -139,7 +139,7 @@ dependencies:
  dayjs: 1.11.6
  echarts: 5.4.0
  el-table-infinite-scroll: 3.0.1
-  element-plus: 2.2.25_vue@3.2.45
+  element-plus: 2.2.26_vue@3.2.45
  element-resize-detector: 1.2.4
  intro.js: 6.0.0
  js-cookie: 3.0.1
@@ -147,7 +147,7 @@ dependencies:
  lodash: 4.17.21
  lodash-es: 4.17.21
  lodash-unified: 1.0.3_3ib2ivapxullxkx3xftsimdk7u
-  md-editor-v3: 2.4.2
+  md-editor-v3: 2.5.0
  mitt: 3.0.0
  mockjs: 1.1.0
  nprogress: 0.2.0
@@ -167,7 +167,7 @@ dependencies:
  vue-router: 4.1.6_vue@3.2.45
  vue-types: 4.2.1_vue@3.2.45
  vue-virtual-scroller: 2.0.0-beta.3_vue@3.2.45
-  vue3-danmaku: 1.0.0_vue@3.2.45
+  vue3-danmaku: 1.1.0_vue@3.2.45
  vuedraggable: 4.1.0_vue@3.2.45
  vxe-table: 4.3.6_vue@3.2.45+xe-utils@3.5.7
  xe-utils: 3.5.7
@@ -1264,7 +1264,7 @@ packages:
      fastq: 1.13.0
    dev: true

-  /@pureadmin/descriptions/1.1.1_element-plus@2.2.25:
+  /@pureadmin/descriptions/1.1.1_element-plus@2.2.26:
    resolution:
      {
        integrity: sha512-4BHLKomLU/LxGs5EUA+h+aKNrJEkhrU6+QE8VoWfJZ8VTU6ddvFLT/Pi4WuO5CWNXM9ZjqvHLFFVwEPlKntqtg==
@@ -1273,19 +1273,19 @@ packages:
      element-plus: ^2.0.0
    dependencies:
      "@element-plus/icons-vue": 2.0.10_vue@3.2.45
-      element-plus: 2.2.25_vue@3.2.45
+      element-plus: 2.2.26_vue@3.2.45
      vue: 3.2.45
    dev: false

-  /@pureadmin/table/1.8.1_element-plus@2.2.25:
+  /@pureadmin/table/1.8.2_element-plus@2.2.26:
    resolution:
      {
-        integrity: sha512-oZ5GYmLTDgQ64U6+yKFjvpZG2Seuudk3hOWnUogMvKxhIvaRQsGBHbvyg47asMmXxUyeilq+nRumyuiuV7WJTg==
+        integrity: sha512-FGh1aOfgQtX16pCnP+bxg49TetcZDhdykIue0m5d8NIj6zkvJP53JU+DkUpvqvKmUiMsvIwme6e17BLZMmMiOw==
      }
    peerDependencies:
      element-plus: ^2.0.0
    dependencies:
-      element-plus: 2.2.25_vue@3.2.45
+      element-plus: 2.2.26_vue@3.2.45
      vue: 3.2.45
    dev: false

@@ -1300,10 +1300,10 @@ packages:
      string-hash: 1.1.3
    dev: true

-  /@pureadmin/utils/1.7.1_aotapuqn7htzdjltsyimavekky:
+  /@pureadmin/utils/1.7.2_aotapuqn7htzdjltsyimavekky:
    resolution:
      {
-        integrity: sha512-LqYdMR1xvRDtPp66osOY6usmta6LNGMuON14iONv4ZUC/esQ3RflHlT5glGjOfGUSGCk8O94F5LVS/PVC9Q3Ng==
+        integrity: sha512-L8tmogs9HCX6nuga1g79DcZr3KXNoWnIFcyP2z4zpmUmdBBAmMpXXz3Z+emI6HELmZu8DFx+v1MfKxccgsODRQ==
      }
    peerDependencies:
      dayjs: "*"
@@ -3758,7 +3758,7 @@ packages:
      }
    dependencies:
      core-js: 3.26.1
-      element-plus: 2.2.25_vue@3.2.45
+      element-plus: 2.2.26_vue@3.2.45
      vue: 3.2.45
    transitivePeerDependencies:
      - "@vue/composition-api"
@@ -3771,10 +3771,10 @@ packages:
      }
    dev: true

-  /element-plus/2.2.25_vue@3.2.45:
+  /element-plus/2.2.26_vue@3.2.45:
    resolution:
      {
-        integrity: sha512-HC8CWY31e6pPyBpgqI0QnWkBgs0vRzdYnEw3mpdM/NlKfp0PtNFX7NESQLomqoIulH5ftL09hjQmJNvZBQpthQ==
+        integrity: sha512-O/rdY5m9DkclpVg8r3GynyqCunm7MxSR142xSsjrZA77bi7bcwA3SIy6SPEDqHi5R4KqgkGYgKSp4Q4e3irbYg==
      }
    peerDependencies:
      vue: ^3.2.0
@@ -5895,10 +5895,10 @@ packages:
      }
    dev: true

-  /md-editor-v3/2.4.2:
+  /md-editor-v3/2.5.0:
    resolution:
      {
-        integrity: sha512-qVbvfIifrXwfi9In8l14nW+A5MXaE9UxN7d+Iw2QtXFV0kaDfS5H2Z5kMeVP61GaLLkdbOi4GCt0X2izZ0rdJw==
+        integrity: sha512-qB6w4jQU7uItAcJYuG/JaFVLDWZ2NgegLsCHNeQV5R1CgMC8MKJYcFxMpCDf8YNRMrN9zK0Kd+grYp1rq4KhNw==
      }
    engines: { node: ">=12.0.0" }
    dev: false
@@ -8862,10 +8862,10 @@ packages:
      "@vue/server-renderer": 3.2.45_vue@3.2.45
      "@vue/shared": 3.2.45

-  /vue3-danmaku/1.0.0_vue@3.2.45:
+  /vue3-danmaku/1.1.0_vue@3.2.45:
    resolution:
      {
-        integrity: sha512-1DVPQeQBdv/iGyuumebZLKPHcfvSgPwxe/ExKF1jc/dJ3MINbXkw23iIajE8JKNvttagOX7eZnuwWnQ4ug8pqg==
+        integrity: sha512-8I+WOC8/79I2/8PRZ2fPIPd45pM4G3l7SkS9l8IvdpFjf2CzZgAp5rF+5BMcURDQu0ckVVYSmUb6TU0r0YJ3LQ==
      }
    peerDependencies:
      vue: ^3.0.0
--- a/public/serverConfig.json
+++ b/public/serverConfig.json
@@ -1,5 +1,5 @@
 {
-  "Version": "3.9.0",
+  "Version": "3.9.2",
  "Title": "PureAdmin",
  "FixedHeader": true,
  "HiddenSideBar": false,
@@ -17,6 +17,8 @@
  "ShowLogo": true,
  "ShowModel": "smart",
  "MenuArrowIconNoTransition": true,
+  "CachingAsyncRoutes": true,
+  "TooltipEffect": "light",
  "MapConfigure": {
    "amapKey": "97b3248d1553172e81f168cf94ea667e",
    "options": {
--- a/src/layout/components/notice/noticeItem.vue
+++ b/src/layout/components/notice/noticeItem.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ListItem } from "./data";
 import { ref, PropType, nextTick } from "vue";
+import { useNav } from "@/layout/hooks/useNav";

 const props = defineProps({
  noticeItem: {
@@ -13,6 +14,7 @@ const titleRef = ref(null);
 const titleTooltip = ref(false);
 const descriptionRef = ref(null);
 const descriptionTooltip = ref(false);
+const { tooltipEffect } = useNav();

 function hoverTitle() {
  nextTick(() => {
@@ -57,6 +59,7 @@ function hoverDescription(event, description) {
      <div class="notice-text-title text-[#000000d9] dark:text-white">
        <el-tooltip
          popper-class="notice-title-popper"
+          :effect="tooltipEffect"
          :disabled="!titleTooltip"
          :content="props.noticeItem.title"
          placement="top-start"
@@ -81,6 +84,7 @@ function hoverDescription(event, description) {

      <el-tooltip
        popper-class="notice-title-popper"
+        :effect="tooltipEffect"
        :disabled="!descriptionTooltip"
        :content="props.noticeItem.description"
        placement="top-start"
--- a/src/layout/components/panel/index.vue
+++ b/src/layout/components/panel/index.vue
@@ -1,11 +1,27 @@
 <script setup lang="ts">
-import { ref } from "vue";
-import { onClickOutside } from "@vueuse/core";
+import { ref, computed } from "vue";
 import { emitter } from "@/utils/mitt";
+import { onClickOutside } from "@vueuse/core";
 import Close from "@iconify-icons/ep/close";

-const show = ref<Boolean>(false);
 const target = ref(null);
+const show = ref<Boolean>(false);
+
+const iconClass = computed(() => {
+  return [
+    "mr-[20px]",
+    "outline-none",
+    "width-[20px]",
+    "height-[20px]",
+    "rounded-[4px]",
+    "cursor-pointer",
+    "transition-colors",
+    "hover:bg-[#0000000f]",
+    "dark:hover:bg-[#ffffff1f]",
+    "dark:hover:text-[#ffffffd9]"
+  ];
+});
+
 onClickOutside(target, (event: any) => {
  if (event.clientX > target.value.offsetLeft) return;
  show.value = false;
@@ -23,9 +39,11 @@ emitter.on("openPanel", () => {
      <div class="right-panel-items">
        <div class="project-configuration">
          <h4 class="dark:text-white">项目配置</h4>
-          <span title="关闭配置">
+          <span title="关闭配置" :class="iconClass">
            <IconifyIconOffline
              class="dark:text-white"
+              width="20px"
+              height="20px"
              :icon="Close"
              @click="show = !show"
            />
@@ -69,7 +87,6 @@ emitter.on("openPanel", () => {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
  transition: all 0.25s cubic-bezier(0.7, 0.3, 0.1, 1);
  transform: translate(100%);
-  // background: #fff;
  z-index: 40000;
 }

@@ -125,16 +142,6 @@ emitter.on("openPanel", () => {
  align-items: center;
  top: 15px;
  margin-left: 10px;
-
-  svg {
-    font-size: 20px;
-    margin-right: 20px;
-
-    &:hover {
-      cursor: pointer;
-      color: var(--el-color-primary);
-    }
-  }
 }

 :deep(.el-divider--horizontal) {
--- a/src/layout/components/setting/index.vue
+++ b/src/layout/components/setting/index.vue
@@ -1,13 +1,11 @@
 <script setup lang="ts">
 import {
-  ref,
-  unref,
-  watch,
-  reactive,
-  computed,
-  nextTick,
-  useCssModule
-} from "vue";
+  useDark,
+  debounce,
+  useGlobal,
+  storageLocal,
+  storageSession
+} from "@pureadmin/utils";
 import { getConfig } from "@/config";
 import { useRouter } from "vue-router";
 import panel from "../panel/index.vue";
@@ -17,16 +15,10 @@ import { removeToken } from "@/utils/auth";
 import { routerArrays } from "@/layout/types";
 import { useNav } from "@/layout/hooks/useNav";
 import { useAppStoreHook } from "@/store/modules/app";
-import { useMultiTagsStoreHook } from "@/store/modules/multiTags";
-import { useDataThemeChange } from "@/layout/hooks/useDataThemeChange";
-import {
-  useDark,
-  debounce,
-  useGlobal,
-  storageLocal,
-  storageSession
-} from "@pureadmin/utils";
 import { toggleTheme } from "@pureadmin/theme/dist/browser-utils";
+import { useMultiTagsStoreHook } from "@/store/modules/multiTags";
+import { ref, unref, watch, reactive, computed, nextTick } from "vue";
+import { useDataThemeChange } from "@/layout/hooks/useDataThemeChange";

 import dayIcon from "@/assets/svg/day.svg?component";
 import darkIcon from "@/assets/svg/dark.svg?component";
@@ -34,9 +26,8 @@ import Check from "@iconify-icons/ep/check";
 import Logout from "@iconify-icons/ri/logout-circle-r-line";

 const router = useRouter();
-const { device } = useNav();
 const { isDark } = useDark();
-const { isSelect } = useCssModule();
+const { device, tooltipEffect } = useNav();
 const { $storage } = useGlobal<GlobalPropertiesApi>();

 const mixRef = ref();
@@ -161,30 +152,10 @@ function logoChange() {

 function setFalse(Doms): any {
  Doms.forEach(v => {
-    toggleClass(false, isSelect, unref(v));
+    toggleClass(false, "is-select", unref(v));
  });
 }

-watch($storage, ({ layout }) => {
-  switch (layout["layout"]) {
-    case "vertical":
-      toggleClass(true, isSelect, unref(verticalRef));
-      debounce(setFalse([horizontalRef]), 50);
-      debounce(setFalse([mixRef]), 50);
-      break;
-    case "horizontal":
-      toggleClass(true, isSelect, unref(horizontalRef));
-      debounce(setFalse([verticalRef]), 50);
-      debounce(setFalse([mixRef]), 50);
-      break;
-    case "mix":
-      toggleClass(true, isSelect, unref(mixRef));
-      debounce(setFalse([verticalRef]), 50);
-      debounce(setFalse([horizontalRef]), 50);
-      break;
-  }
-});
-
 /** 主题色 激活选择项 */
 const getThemeColor = computed(() => {
  return current => {
@@ -227,6 +198,26 @@ nextTick(() => {
  settings.tabsVal && tagsChange();
  dataThemeChange();
 });
+
+watch($storage, ({ layout }) => {
+  switch (layout["layout"]) {
+    case "vertical":
+      toggleClass(true, "is-select", unref(verticalRef));
+      debounce(setFalse([horizontalRef]), 50);
+      debounce(setFalse([mixRef]), 50);
+      break;
+    case "horizontal":
+      toggleClass(true, "is-select", unref(horizontalRef));
+      debounce(setFalse([verticalRef]), 50);
+      debounce(setFalse([mixRef]), 50);
+      break;
+    case "mix":
+      toggleClass(true, "is-select", unref(mixRef));
+      debounce(setFalse([verticalRef]), 50);
+      debounce(setFalse([horizontalRef]), 50);
+      break;
+  }
+});
 </script>

 <template>
@@ -243,9 +234,15 @@ nextTick(() => {

    <el-divider>导航栏模式</el-divider>
    <ul class="pure-theme">
-      <el-tooltip class="item" content="左侧模式" placement="bottom">
+      <el-tooltip
+        :effect="tooltipEffect"
+        class="item"
+        content="左侧模式"
+        placement="bottom"
+        popper-class="pure-tooltip"
+      >
        <li
-          :class="layoutTheme.layout === 'vertical' ? $style.isSelect : ''"
+          :class="layoutTheme.layout === 'vertical' ? 'is-select' : ''"
          ref="verticalRef"
          @click="setLayoutModel('vertical')"
        >
@@ -256,12 +253,14 @@ nextTick(() => {

      <el-tooltip
        v-if="device !== 'mobile'"
+        :effect="tooltipEffect"
        class="item"
        content="顶部模式"
        placement="bottom"
+        popper-class="pure-tooltip"
      >
        <li
-          :class="layoutTheme.layout === 'horizontal' ? $style.isSelect : ''"
+          :class="layoutTheme.layout === 'horizontal' ? 'is-select' : ''"
          ref="horizontalRef"
          @click="setLayoutModel('horizontal')"
        >
@@ -272,12 +271,14 @@ nextTick(() => {

      <el-tooltip
        v-if="device !== 'mobile'"
+        :effect="tooltipEffect"
        class="item"
        content="混合模式"
        placement="bottom"
+        popper-class="pure-tooltip"
      >
        <li
-          :class="layoutTheme.layout === 'mix' ? $style.isSelect : ''"
+          :class="layoutTheme.layout === 'mix' ? 'is-select' : ''"
          ref="mixRef"
          @click="setLayoutModel('mix')"
        >
@@ -392,13 +393,16 @@ nextTick(() => {
  </panel>
 </template>

-<style scoped module>
-.isSelect {
+<style lang="scss" scoped>
+:deep(.el-divider__text) {
+  font-size: 16px;
+  font-weight: 700;
+}
+
+.is-select {
  border: 2px solid var(--el-color-primary);
 }
-</style>

-<style lang="scss" scoped>
 .setting {
  width: 100%;

@@ -410,11 +414,6 @@ nextTick(() => {
  }
 }

-:deep(.el-divider__text) {
-  font-size: 16px;
-  font-weight: 700;
-}
-
 .pure-datatheme {
  width: 100%;
  height: 50px;
--- a/src/layout/components/sidebar/breadCrumb.vue
+++ b/src/layout/components/sidebar/breadCrumb.vue
@@ -97,8 +97,12 @@ watch(

 <template>
  <el-breadcrumb class="!leading-[50px] select-none" separator="/">
-    <transition-group appear name="breadcrumb">
-      <el-breadcrumb-item v-for="item in levelList" :key="item.path">
+    <transition-group name="breadcrumb">
+      <el-breadcrumb-item
+        class="!inline !items-stretch"
+        v-for="item in levelList"
+        :key="item.path"
+      >
        <a @click.prevent="handleLink(item)">
          {{ transformI18n(item.meta.title) }}
        </a>
--- a/src/layout/components/sidebar/leftCollapse.vue
+++ b/src/layout/components/sidebar/leftCollapse.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { useDark } from "@pureadmin/utils";
+import { ref, computed } from "vue";
+import { useNav } from "@/layout/hooks/useNav";
 import MenuFold from "@iconify-icons/ri/menu-fold-fill";
-import MenuUnfold from "@iconify-icons/ri/menu-unfold-fill";

 interface Props {
  isActive: boolean;
@@ -10,7 +10,25 @@ interface Props {
 const props = withDefaults(defineProps<Props>(), {
  isActive: false
 });
-const { isDark } = useDark();
+
+const visible = ref(false);
+const { tooltipEffect } = useNav();
+
+const iconClass = computed(() => {
+  return [
+    "ml-4",
+    "mb-1",
+    "w-[16px]",
+    "h-[16px]",
+    "inline-block",
+    "align-middle",
+    "text-primary",
+    "cursor-pointer",
+    "duration-[360ms]",
+    "hover:text-primary",
+    "dark:hover:!text-white"
+  ];
+});

 const emit = defineEmits<{
  (e: "toggleClick"): void;
@@ -25,13 +43,17 @@ const toggleClick = () => {
  <div class="container">
    <el-tooltip
      placement="right"
-      :effect="isDark ? 'dark' : 'light'"
+      :visible="visible"
+      :effect="tooltipEffect"
      :content="props.isActive ? '点击折叠' : '点击展开'"
    >
      <IconifyIconOffline
-        :icon="props.isActive ? MenuFold : MenuUnfold"
-        class="cursor-pointer inline-block align-middle text-primary hover:text-primary dark:hover:!text-white w-[16px] h-[16px] ml-4 mb-1"
+        :icon="MenuFold"
+        :class="iconClass"
+        :style="{ transform: props.isActive ? 'none' : 'rotateY(180deg)' }"
        @click="toggleClick"
+        @mouseenter="visible = true"
+        @mouseleave="visible = false"
      />
    </el-tooltip>
  </div>
--- a/src/layout/components/sidebar/sidebarItem.vue
+++ b/src/layout/components/sidebar/sidebarItem.vue
@@ -12,7 +12,7 @@ import EpArrowDown from "@iconify-icons/ep/arrow-down";
 import ArrowLeft from "@iconify-icons/ep/arrow-left";
 import ArrowRight from "@iconify-icons/ep/arrow-right";

-const { layout, isCollapse } = useNav();
+const { layout, isCollapse, tooltipEffect } = useNav();

 const props = defineProps({
  item: {
@@ -201,8 +201,9 @@ function resolvePath(routePath) {
          <el-tooltip
            v-else
            placement="top"
+            :effect="tooltipEffect"
            :offset="-10"
-            :disabled="!onlyOneChild.showTooltip"
+            :disabled="!isCollapse && !onlyOneChild.showTooltip"
          >
            <template #content>
              {{ transformI18n(onlyOneChild.meta.title) }}
@@ -246,8 +247,9 @@ function resolvePath(routePath) {
      <el-tooltip
        v-else
        placement="top"
+        :effect="tooltipEffect"
        :offset="-10"
-        :disabled="!isCollapse || !props.item.showTooltip"
+        :disabled="!props.item.showTooltip"
      >
        <template #content>
          {{ transformI18n(props.item.meta.title) }}
--- a/src/layout/hooks/useNav.ts
+++ b/src/layout/hooks/useNav.ts
@@ -18,6 +18,8 @@ export function useNav() {
  const pureApp = useAppStoreHook();
  const routers = useRouter().options.routes;
  const { wholeMenus } = storeToRefs(usePermissionStoreHook());
+  /** 平台`layout`中所有`el-tooltip`的`effect`配置，默认`light` */
+  const tooltipEffect = getConfig()?.TooltipEffect ?? "light";

  /** 用户名 */
  const username = computed(() => {
@@ -153,6 +155,7 @@ export function useNav() {
    pureApp,
    username,
    avatarsStyle,
+    tooltipEffect,
    getDropdownItemStyle,
    getDropdownItemClass
  };
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -1,5 +1,7 @@
 <script setup lang="ts">
 import "animate.css";
+// vxe-table的所有icon不支持component模式，间接依赖了font-awesome
+import "font-awesome/css/font-awesome.min.css";
 import { setType } from "./types";
 import { emitter } from "@/utils/mitt";
 import { useLayout } from "./hooks/useLayout";
--- a/src/plugins/vxe-table/index.ts
+++ b/src/plugins/vxe-table/index.ts
@@ -3,7 +3,6 @@ import "./index.scss";
 import XEUtils from "xe-utils";
 import { App, unref } from "vue";
 import { i18n } from "@/plugins/i18n";
-import "font-awesome/css/font-awesome.min.css";
 import zh from "vxe-table/lib/locale/lang/zh-CN";
 import en from "vxe-table/lib/locale/lang/en-US";

--- a/src/router/enums.ts
+++ b/src/router/enums.ts
@@ -4,16 +4,16 @@ const home = 0, // 平台规定只有 home 路由的 rank 才能为 0 ，所以
  doc = 1,
  utils = 2,
  table = 3,
-  tree = 4,
-  components = 5,
-  able = 6,
-  frame = 7,
-  nested = 8,
-  result = 9,
-  error = 10,
-  list = 11,
-  permission = 12,
-  system = 13,
+  components = 4,
+  able = 5,
+  frame = 6,
+  nested = 7,
+  result = 8,
+  error = 9,
+  list = 10,
+  permission = 11,
+  system = 12,
+  menuoverflow = 13,
  tabs = 14,
  formdesign = 15,
  flowchart = 16,
@@ -27,7 +27,6 @@ export {
  doc,
  utils,
  table,
-  tree,
  components,
  able,
  frame,
@@ -37,6 +36,7 @@ export {
  list,
  permission,
  system,
+  menuoverflow,
  tabs,
  formdesign,
  flowchart,
--- a/src/router/modules/menuoverflow.ts
+++ b/src/router/modules/menuoverflow.ts
@@ -0,0 +1,22 @@
+import { $t } from "@/plugins/i18n";
+import { menuoverflow } from "@/router/enums";
+
+export default {
+  path: "/menuoverflow",
+  redirect: "/menuoverflow/index",
+  meta: {
+    title: $t("menus.hsMenuoverflow"),
+    rank: menuoverflow
+  },
+  children: [
+    {
+      path: "/menuoverflow/index",
+      name: "MenuOverflow",
+      component: () => import("@/views/menuoverflow/index.vue"),
+      meta: {
+        title: $t("menus.hsChildMenuoverflow"),
+        showParent: true
+      }
+    }
+  ]
+} as RouteConfigsTable;
--- a/src/router/modules/tree.ts
+++ b/src/router/modules/tree.ts
@@ -1,23 +0,0 @@
-import { $t } from "@/plugins/i18n";
-import { tree } from "@/router/enums";
-import hot from "@/assets/svg/hot.svg?component";
-
-export default {
-  path: "/tree",
-  redirect: "/tree/index",
-  meta: {
-    icon: hot,
-    title: $t("menus.hsTree"),
-    rank: tree
-  },
-  children: [
-    {
-      path: "/tree/index",
-      name: "Tree",
-      component: () => import("@/views/tree/index.vue"),
-      meta: {
-        title: $t("menus.hsTree")
-      }
-    }
-  ]
-} as RouteConfigsTable;
--- a/src/router/utils.ts
+++ b/src/router/utils.ts
@@ -16,6 +16,7 @@ import {
  storageSession,
  isIncludeAllChildren
 } from "@pureadmin/utils";
+import { getConfig } from "@/config";
 import { buildHierarchyTree } from "@/utils/tree";
 import { cloneDeep, intersection } from "lodash-unified";
 import { sessionKey, type DataInfo } from "@/utils/auth";
@@ -151,42 +152,66 @@ function addPathMatch() {
  }
 }

-/** 初始化路由 */
-function initRouter() {
-  return new Promise(resolve => {
-    getAsyncRoutes().then(({ data }) => {
-      if (data.length === 0) {
-        usePermissionStoreHook().handleWholeMenus(data);
-        resolve(router);
-      } else {
-        formatFlatteningRoutes(addAsyncRoutes(data)).map(
-          (v: RouteRecordRaw) => {
-            // 防止重复添加路由
-            if (
-              router.options.routes[0].children.findIndex(
-                value => value.path === v.path
-              ) !== -1
-            ) {
-              return;
-            } else {
-              // 切记将路由push到routes后还需要使用addRoute，这样路由才能正常跳转
-              router.options.routes[0].children.push(v);
-              // 最终路由进行升序
-              ascending(router.options.routes[0].children);
-              if (!router.hasRoute(v?.name)) router.addRoute(v);
-              const flattenRouters: any = router
-                .getRoutes()
-                .find(n => n.path === "/");
-              router.addRoute(flattenRouters);
-            }
-            resolve(router);
-          }
-        );
-        usePermissionStoreHook().handleWholeMenus(data);
+/** 处理动态路由（后端返回的路由） */
+function handleAsyncRoutes(routeList) {
+  if (routeList.length === 0) {
+    usePermissionStoreHook().handleWholeMenus(routeList);
+  } else {
+    formatFlatteningRoutes(addAsyncRoutes(routeList)).map(
+      (v: RouteRecordRaw) => {
+        // 防止重复添加路由
+        if (
+          router.options.routes[0].children.findIndex(
+            value => value.path === v.path
+          ) !== -1
+        ) {
+          return;
+        } else {
+          // 切记将路由push到routes后还需要使用addRoute，这样路由才能正常跳转
+          router.options.routes[0].children.push(v);
+          // 最终路由进行升序
+          ascending(router.options.routes[0].children);
+          if (!router.hasRoute(v?.name)) router.addRoute(v);
+          const flattenRouters: any = router
+            .getRoutes()
+            .find(n => n.path === "/");
+          router.addRoute(flattenRouters);
+        }
      }
-      addPathMatch();
+    );
+    usePermissionStoreHook().handleWholeMenus(routeList);
+  }
+  addPathMatch();
+}
+
+/** 初始化路由（`new Promise` 写法防止在异步请求中造成无限循环）*/
+function initRouter() {
+  if (getConfig()?.CachingAsyncRoutes) {
+    // 开启动态路由缓存本地sessionStorage
+    const key = "async-routes";
+    const asyncRouteList = storageSession.getItem(key) as any;
+    if (asyncRouteList && asyncRouteList?.length > 0) {
+      return new Promise(resolve => {
+        handleAsyncRoutes(asyncRouteList);
+        resolve(router);
+      });
+    } else {
+      return new Promise(resolve => {
+        getAsyncRoutes().then(({ data }) => {
+          handleAsyncRoutes(data);
+          storageSession.setItem(key, data);
+          resolve(router);
+        });
+      });
+    }
+  } else {
+    return new Promise(resolve => {
+      getAsyncRoutes().then(({ data }) => {
+        handleAsyncRoutes(data);
+        resolve(router);
+      });
    });
-  });
+  }
 }

 /**
--- a/src/style/dark.scss
+++ b/src/style/dark.scss
@@ -187,6 +187,19 @@ html.dark {
    background: transparent;
  }

+  /* 全局覆盖element-plus的el-dialog、el-drawer、el-message-box、el-notification组件右上角关闭图标的样式，表现更鲜明 */
+  .el-icon {
+    &.el-dialog__close,
+    &.el-drawer__close,
+    &.el-message-box__close,
+    &.el-notification__closeBtn {
+      &:hover {
+        color: rgba(255, 255, 255, 0.85) !important;
+        background-color: rgba(255, 255, 255, 0.12);
+      }
+    }
+  }
+
  /* 克隆并自定义 ElMessage 样式，不会影响 ElMessage 原本样式，在 src/utils/message.ts 中调用自定义样式 ElMessage 方法即可，非暗黑模式在 src/style/element-plus.scss 文件进行了适配 */
  .pure-message {
    background-image: initial !important;
--- a/src/style/element-plus.scss
+++ b/src/style/element-plus.scss
@@ -46,6 +46,12 @@
  padding: 0 !important;
 }

+/* 自定义 tooltip 的类名 */
+.pure-tooltip {
+  // 右侧操作面板right-panel类名的z-index为40000，tooltip需要大于它才能显示
+  z-index: 41000 !important;
+}
+
 /* nprogress 适配 element-plus 的主题色 */
 #nprogress {
  & .bar {
@@ -63,6 +69,33 @@
  }
 }

+/* 全局覆盖element-plus的el-dialog、el-drawer、el-message-box、el-notification组件右上角关闭图标的样式，表现更鲜明 */
+.el-dialog__headerbtn,
+.el-message-box__headerbtn {
+  &:hover {
+    .el-dialog__close {
+      color: var(--el-color-info) !important;
+    }
+  }
+}
+.el-icon {
+  &.el-dialog__close,
+  &.el-drawer__close,
+  &.el-message-box__close,
+  &.el-notification__closeBtn {
+    width: 24px;
+    height: 24px;
+    outline: none;
+    border-radius: 4px;
+    transition: background-color 0.2s, color 0.2s;
+    &:hover {
+      color: rgba(0, 0, 0, 0.88) !important;
+      background-color: rgba(0, 0, 0, 0.06);
+      text-decoration: none;
+    }
+  }
+}
+
 /* 克隆并自定义 ElMessage 样式，不会影响 ElMessage 原本样式，在 src/utils/message.ts 中调用自定义样式 ElMessage 方法即可，暗黑模式在 src/style/dark.scss 文件进行了适配 */
 .pure-message {
  border-width: 0 !important;
--- a/src/style/transition.scss
+++ b/src/style/transition.scss
@@ -26,9 +26,12 @@
 }

 /* breadcrumb transition */
-.breadcrumb-enter-active,
+.breadcrumb-enter-active {
+  transition: all 0.4s;
+}
+
 .breadcrumb-leave-active {
-  transition: all 0.5s;
+  transition: all 0.3s;
 }

 .breadcrumb-enter-from,
--- a/src/utils/auth.ts
+++ b/src/utils/auth.ts
@@ -70,7 +70,7 @@ export function setToken(data: DataInfo<Date>) {
 /** 删除`token`以及key值为`user-info`的session信息 */
 export function removeToken() {
  Cookies.remove(TokenKey);
-  sessionStorage.removeItem(sessionKey);
+  sessionStorage.clear();
 }

 /** 格式化token（jwt格式） */
--- a/src/views/components/button/index.vue
+++ b/src/views/components/button/index.vue
@@ -21,9 +21,3 @@ const url = ref(`${VITE_PUBLIC_PATH}html/button.html`);
    <iframe :src="url" frameborder="0" class="iframe w-full h-[60vh]" />
  </el-card>
 </template>
-
-<style lang="scss" scoped>
-.iframe {
-  filter: invert(0.9) hue-rotate(180deg);
-}
-</style>
--- a/src/views/menuoverflow/index.vue
+++ b/src/views/menuoverflow/index.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+defineOptions({
+  name: "MenuOverflow"
+});
+</script>
+
+<template>
+  <div>目录、菜单文字超出显示 Tooltip 文字提示</div>
+</template>
--- a/src/views/permission/page/index.vue
+++ b/src/views/permission/page/index.vue
@@ -33,6 +33,7 @@ function onChange() {
    .loginByUsername({ username: username.value, password: "admin123" })
    .then(res => {
      if (res.success) {
+        sessionStorage.removeItem("async-routes");
        usePermissionStoreHook().clearAllCachePage();
        initRouter();
      }
--- a/src/views/tree/index.vue
+++ b/src/views/tree/index.vue
@@ -1,7 +0,0 @@
-<script setup lang="ts"></script>
-
-<template>
-  <div>即将发布</div>
-</template>
-
-<style scoped></style>
--- a/types/global.d.ts
+++ b/types/global.d.ts
@@ -4,9 +4,7 @@ import type {
  PropType as VuePropType,
  ComponentPublicInstance
 } from "vue";
-import type { ECharts } from "echarts";
 import type { IconifyIcon } from "@iconify/vue";
-import type { ResponsiveStorage } from "./index";
 import type { TableColumns } from "@pureadmin/table";
 import { type RouteComponent, type RouteLocationNormalized } from "vue-router";

@@ -95,6 +93,8 @@ declare global {
    ShowLogo?: boolean;
    ShowModel?: string;
    MenuArrowIconNoTransition?: boolean;
+    CachingAsyncRoutes?: boolean;
+    TooltipEffect?: Effect;
    MapConfigure?: {
      amapKey?: string;
      options: {
--- a/types/index.d.ts
+++ b/types/index.d.ts
@@ -45,6 +45,8 @@ type TimeoutHandle = ReturnType<typeof setTimeout>;

 type IntervalHandle = ReturnType<typeof setInterval>;

+type Effect = "light" | "dark";
+
 interface ChangeEvent extends Event {
  target: HTMLInputElement;
 }
Author	SHA1	Message	Date
xiaoxian521	c84c447f3e	release: update `3.9.2`	2022-12-03 15:02:17 +08:00
xzq	53c715873c	chore(build): 当 vite.config.ts 的打包路径 build.outDir 不是默认值 dist 时, getPackageSize 方法会出错 (#391 ) Co-authored-by: zhiqi.xiao <zhiqi.xiao20@tendcloud.com>	2022-12-03 14:50:51 +08:00
xiaoxian521	c80818d792	perf: 全局覆盖element-plus的el-dialog、el-drawer、el-message-box、el-notification组件右上角关闭图标的样式，表现更鲜明	2022-12-03 14:39:23 +08:00
xiaoxian521	17936d476c	style: 样式优化	2022-12-03 01:28:50 +08:00
xiaoxian521	1ef6ce70db	release: update `3.9.1`	2022-12-02 19:32:48 +08:00
xiaoxian521	d5d7dd8e57	chore: update	2022-12-02 18:15:46 +08:00
xiaoxian521	1a39d0962e	feat: 添加目录、菜单文字超出显示 Tooltip 文字提示demo	2022-12-02 17:57:51 +08:00
xiaoxian521	86b77c2877	feat: 添加 `TooltipEffect` 全局配置，可配置平台主体所有 `el-tooltip` 的 `effect`，不影响业务代码	2022-12-02 16:46:48 +08:00
xiaoxian521	cf8e5897fb	style: update	2022-12-02 11:08:11 +08:00
xiaoxian521	f1e6ddff18	perf: 优化 `initRouter` ，兼容 `sso` 场景	2022-12-01 15:56:29 +08:00
xiaoxian521	059a704f53	chore: update	2022-12-01 12:45:09 +08:00
xiaoxian521	4c29bcc49a	feat: 添加 `CachingAsyncRoutes` 是否开启动态路由缓存本地，默认 `true`	2022-12-01 11:31:52 +08:00
xiaoxian521	47960bbaf9	chore: update	2022-11-30 20:18:01 +08:00
xiaoxian521	b2ec77275d	chore: update	2022-11-30 18:18:16 +08:00