@dt-frames/ui 2.0.5 → 2.0.7

package/es/theme/index.js

@@ -1,11 +1,11 @@
 import { BackTop, MenuItem, MenuDivider, Menu, Dropdown, TabPane, Tabs, Breadcrumb, Empty, InputSearch, Popover, Avatar, Tooltip, Select, Switch, Divider, Button, Drawer, SubMenu, LayoutHeader, LayoutSider, LayoutContent, Layout, ConfigProvider } from "ant-design-vue/es";
 import "ant-design-vue/es/config-provider/style";
 import "ant-design-vue/es/layout/style";
-import { toRaw, unref, computed, onMounted, nextTick, defineComponent, openBlock, createBlock, createCommentVNode, createElementBlock, createElementVNode, reactive, withCtx, createVNode, Fragment, renderList, normalizeClass, toDisplayString, ref, watch, createSlots, getCurrentInstance, inject, onUnmounted, h, provide, onBeforeUnmount, normalizeStyle, resolveDynamicComponent, renderSlot, mergeProps, withDirectives, vShow, watchEffect, resolveDirective, createTextVNode, normalizeProps, guardReactiveProps, resolveComponent, toRef, withModifiers, Transition, KeepAlive } from "vue";
+import { toRaw, unref as unref$1, computed, onMounted, nextTick, defineComponent, openBlock, createBlock, createCommentVNode, createElementBlock, createElementVNode, reactive, withCtx, createVNode, Fragment, renderList, normalizeClass, toDisplayString, ref, watch, createSlots, getCurrentInstance, inject, onUnmounted, h, provide, onBeforeUnmount, normalizeStyle, resolveDynamicComponent, renderSlot, mergeProps, withDirectives, vShow, watchEffect, resolveDirective, createTextVNode, normalizeProps, guardReactiveProps, resolveComponent, toRef, withModifiers, Transition, KeepAlive } from "vue";
 import { useRouter, RouterView } from "vue-router";
-import { DtCache, CacheKey, deepMerge, Pages, useGo, useRedo, Language, isObject, useTimeoutFn, useI18n, isNullAndUnDef, menuList2Map, off, on, getParentSlots, isBoolean, localeList, changeLocale, isFunction, copyText, isUrl, openWindow, useApp, withInstall as withInstall$1 } from "@dt-frames/core";
+import { DtCache, CacheKey, deepMerge, Pages, useGo, useRedo, Language, isObject, useTimeoutFn, useI18n, menuList2Map, isNullAndUnDef, off, on, getParentSlots, isBoolean, localeList, changeLocale, isFunction, copyText, isUrl, openWindow, useApp, withInstall as withInstall$1 } from "@dt-frames/core";
 import { defineStore } from "pinia";
-import { trim } from "lodash-es";
+import { cloneDeep, trim } from "lodash-es";
 import { useDebounceFn, useFullscreen, useThrottleFn } from "@vueuse/core";
 import "ant-design-vue/es/back-top/style";
 import "ant-design-vue/es/tabs/style";
@@ -106,7 +106,7 @@ const defaultThemeConf = {
   },
   routeReuse: {
     show: true,
-    cache: true,
+    cache: false,
     canDrag: true,
     showQuick: true,
     showRedo: true,
@@ -116,7 +116,7 @@ const defaultThemeConf = {
 const useThemeStore = defineStore({
   id: "dt-theme",
   state: () => ({
-    themeConf: DtCache.getLocal(CacheKey.THEME) ?? defaultThemeConf,
+    themeConf: DtCache.getLocal(CacheKey.THEME) ?? cloneDeep(defaultThemeConf),
     pageLoading: false,
     mixSiderHasSubMenu: false
   }),
@@ -151,14 +151,22 @@ const useThemeStore = defineStore({
     },
     setMixSiderIsHasMenu(val) {
       this.mixSiderHasSubMenu = val;
+    },
+    resetState() {
+      DtCache.removeLocal(CacheKey.THEME);
+      this.themeConf = cloneDeep(defaultThemeConf);
     }
   }
 });
+function handleGotoPage(router) {
+  const go = useGo(router);
+  go(unref$1(router.currentRoute).path, true);
+}
 const useRouteReuseStore = defineStore({
   id: "route-reuse",
   state: () => ({
     cacheTabList: /* @__PURE__ */ new Set(),
-    tabList: DtCache.getLocal(CacheKey.THEME)?.routeReuse?.cache ? DtCache.getLocal(CacheKey.ROUTE_REUSE) || [] : [],
+    tabList: DtCache.getLocal(CacheKey.ROUTE_REUSE) || [],
     lastDragEndIndex: 0
   }),
   getters: {
@@ -194,9 +202,9 @@ const useRouteReuseStore = defineStore({
       }
       this.updateCacheTab();
     },
-    closeTab(path, router) {
+    closeTab(route, router) {
       const go = useGo(router);
-      const index = this.tabList.findIndex((item) => item.path === path);
+      const index = this.tabList.findIndex((item) => item.path === route.path);
       let page;
       if (index === 0) {
         if (this.tabList.length !== 1) {
@@ -205,20 +213,20 @@ const useRouteReuseStore = defineStore({
       } else {
         page = this.tabList[index - 1];
       }
-      this.bulkCloseTabs([path]);
+      this.bulkCloseTabs([route.path]);
       this.updateCacheTab();
-      path === router.currentRoute.value.path && go(page.path);
+      route.path === router.currentRoute.value.path && go(page.path);
     },
     closeAllTab(currentRoute, router) {
       const go = useGo(router);
       let filterTabList = this.tabList.filter((item) => item?.meta?.affix ?? false);
-      const route = filterTabList.length > 0 ? filterTabList[filterTabList.length - 1] : unref(currentRoute);
+      const route = filterTabList.length > 0 ? filterTabList[filterTabList.length - 1] : unref$1(currentRoute);
       this.tabList = [route];
       this.updateCacheTab();
       go(route.path);
     },
-    closeLeftTabs(path) {
-      const index = this.tabList.findIndex((item) => item.path === path);
+    closeLeftTabs(route, router) {
+      const index = this.tabList.findIndex((item) => item.path === route.path);
       if (index > 0) {
         const leftTabs = this.tabList.slice(0, index);
         const pathList = [];
@@ -231,9 +239,10 @@ const useRouteReuseStore = defineStore({
         this.bulkCloseTabs(pathList);
       }
       this.updateCacheTab();
+      handleGotoPage(router);
     },
-    closeRightTabs(path) {
-      const index = this.tabList.findIndex((item) => item.path === path);
+    closeRightTabs(route, router) {
+      const index = this.tabList.findIndex((item) => item.path === route.path);
       if (index >= 0 && index < this.tabList.length - 1) {
         const rightTabs = this.tabList.slice(index + 1, this.tabList.length);
         const pathList = [];
@@ -246,24 +255,40 @@ const useRouteReuseStore = defineStore({
         this.bulkCloseTabs(pathList);
       }
       this.updateCacheTab();
+      handleGotoPage(router);
     },
-    closeOtherTabs(path) {
+    closeOtherTabs(route, router) {
       const pathList = [];
       for (let item of this.tabList) {
         const affix = item?.meta?.affix ?? false;
-        if (item.path !== path && !affix) {
+        if (item.path !== route.path && !affix) {
           pathList.push(item.path);
         }
       }
       this.bulkCloseTabs(pathList);
       this.updateCacheTab();
+      handleGotoPage(router);
+    },
+    closeTabByKey(path, router) {
+      const go = useGo(router);
+      const index = this.tabList.findIndex((item) => item.path === path);
+      let page;
+      if (index === 0) {
+        if (this.tabList.length !== 1) {
+          page = this.tabList[index + 1];
+        }
+      } else {
+        page = this.tabList[index - 1];
+      }
+      this.bulkCloseTabs([path]);
+      this.updateCacheTab();
+      path === router.currentRoute.value.path && go(page.path);
     },
     bulkCloseTabs(pathList) {
       this.tabList = this.tabList.filter((item) => !pathList.includes(item.fullPath));
     },
     updateCacheTab() {
-      const cacheTab = DtCache.getLocal(CacheKey.THEME)?.routeReuse?.cache;
-      cacheTab && DtCache.setLocal(CacheKey.ROUTE_REUSE, this.tabList);
+      DtCache.setLocal(CacheKey.ROUTE_REUSE, this.tabList);
       const cacheMap = /* @__PURE__ */ new Set();
       for (const tab of this.tabList) {
         if (tab.meta?.hideTab) {
@@ -275,7 +300,7 @@ const useRouteReuseStore = defineStore({
       this.cacheTabList = cacheMap;
     },
     async refreshPage(router) {
-      const findTab = this.getCachedTabList.find((item) => item === unref(router.currentRoute).name);
+      const findTab = this.getCachedTabList.find((item) => item === unref$1(router.currentRoute).name);
       if (findTab) {
         this.cacheTabList.delete(findTab.toString());
       }
@@ -287,56 +312,60 @@ const useRouteReuseStore = defineStore({
       this.tabList.splice(oldIndex, 1);
       this.tabList.splice(newIndex, 0, currentTab);
       this.lastDragEndIndex = this.lastDragEndIndex + 1;
+    },
+    resetState() {
+      this.tabList = [];
+      this.updateCacheTab();
     }
   }
 });
 function useMenu() {
-  const { getMenuConf, setThemeConf } = useThemeStore();
-  const getCollapsedShowTitle = computed(() => getMenuConf.collapsedShowTitle);
-  const getIsSidebarType = computed(() => getMenuConf.type === MenuType.SIDE);
-  const getMenuFixed = computed(() => getMenuConf.fixed);
-  const getShowMenu = computed(() => getMenuConf.show);
+  const { setThemeConf } = useThemeStore();
+  const getCollapsedShowTitle = computed(() => useThemeStore().getMenuConf.collapsedShowTitle);
+  const getIsSidebarType = computed(() => useThemeStore().getMenuConf.type === MenuType.SIDE);
+  const getMenuFixed = computed(() => useThemeStore().getMenuConf.fixed);
+  const getShowMenu = computed(() => useThemeStore().getMenuConf.show);
   const getShowSidebar = computed(() => {
-    return unref(getSplit) || unref(getShowMenu) && unref(getMenuMode) !== MenuMode.HORIZONTAL;
+    return unref$1(getSplit) || unref$1(getShowMenu) && unref$1(getMenuMode) !== MenuMode.HORIZONTAL;
   });
-  const getMenuHidden = computed(() => getMenuConf.hidden);
-  const getMenuTheme = computed(() => getMenuConf.theme);
-  const getTrigger = computed(() => getMenuConf.trigger);
-  const getCanDrag = computed(() => getMenuConf.canDrag);
+  const getMenuHidden = computed(() => useThemeStore().getMenuConf.hidden);
+  const getMenuTheme = computed(() => useThemeStore().getMenuConf.theme);
+  const getTrigger = computed(() => useThemeStore().getMenuConf.trigger);
+  const getCanDrag = computed(() => useThemeStore().getMenuConf.canDrag);
   const getIsMixMode = computed(() => {
-    return unref(getMenuMode) === MenuMode.INLINE && unref(getMenuType) === MenuType.MIX;
+    return unref$1(getMenuMode) === MenuMode.INLINE && unref$1(getMenuType) === MenuType.MIX;
   });
-  const getIsMixSidebar = computed(() => unref(getMenuType) === MenuType.MIX_SIDEBAR);
+  const getIsMixSidebar = computed(() => unref$1(getMenuType) === MenuType.MIX_SIDEBAR);
   const getMenuWidth = computed(() => {
-    if (unref(getIsMixMode)) {
-      return Number(getMenuConf.menuWidth) - 40;
-    } else if (unref(getIsMixSidebar)) {
-      return Number(getMenuConf.menuWidth) - 10;
+    if (unref$1(getIsMixMode)) {
+      return Number(useThemeStore().getMenuConf.menuWidth) - 40;
+    } else if (unref$1(getIsMixSidebar)) {
+      return Number(useThemeStore().getMenuConf.menuWidth) - 10;
     } else {
-      return Number(getMenuConf.menuWidth);
+      return Number(useThemeStore().getMenuConf.menuWidth);
     }
   });
-  const getMixSideTrigger = computed(() => getMenuConf.mixSideTrigger);
-  const getLogoWidth = computed(() => unref(getIsMixSidebar) ? "80px" : getMenuConf.menuWidth);
-  const getMenuType = computed(() => getMenuConf.type);
-  const getIsTopMenu = computed(() => unref(getMenuType) === MenuType.TOP_MENU);
-  const getMenuMode = computed(() => getMenuConf.mode);
-  const getSplit = computed(() => getMenuConf.split);
-  const getCollapsed = computed(() => getMenuConf.collapsed);
-  const getIsHorizontal = computed(() => unref(getMenuMode) === MenuMode.HORIZONTAL);
+  const getMixSideTrigger = computed(() => useThemeStore().getMenuConf.mixSideTrigger);
+  const getLogoWidth = computed(() => unref$1(getIsMixSidebar) ? "80px" : useThemeStore().getMenuConf.menuWidth);
+  const getMenuType = computed(() => useThemeStore().getMenuConf.type);
+  const getIsTopMenu = computed(() => unref$1(getMenuType) === MenuType.TOP_MENU);
+  const getMenuMode = computed(() => useThemeStore().getMenuConf.mode);
+  const getSplit = computed(() => useThemeStore().getMenuConf.split);
+  const getCollapsed = computed(() => useThemeStore().getMenuConf.collapsed);
+  const getIsHorizontal = computed(() => unref$1(getMenuMode) === MenuMode.HORIZONTAL);
   const setThemeStore = (conf = {}) => setThemeConf(conf);
   const toggleCollapsed = () => setThemeStore({
     menuOptions: {
-      collapsed: !unref(getCollapsed)
+      collapsed: !unref$1(getCollapsed)
     }
   });
-  const getMiniWidthNumber = computed(() => getMenuConf.collapsedShowTitle ? 80 : 48);
+  const getMiniWidthNumber = computed(() => useThemeStore().getMenuConf.collapsedShowTitle ? 80 : 48);
   const getRealWidth = computed(() => {
-    return unref(getCollapsed) ? unref(getMiniWidthNumber) : unref(getMenuWidth);
+    return unref$1(getCollapsed) ? unref$1(getMiniWidthNumber) : unref$1(getMenuWidth);
   });
   const getCalcContentWidth = computed(() => {
-    const width = unref(getIsTopMenu) || !unref(getShowMenu) || unref(getSplit) && unref(getMenuHidden) ? 0 : unref(getRealWidth);
-    return `calc(100% - ${unref(width)}px)`;
+    const width = unref$1(getIsTopMenu) || !unref$1(getShowMenu) || unref$1(getSplit) && unref$1(getMenuHidden) ? 0 : unref$1(getRealWidth);
+    return `calc(100% - ${unref$1(width)}px)`;
   });
   return {
     getCollapsedShowTitle,
@@ -401,37 +430,37 @@ function useHeader() {
   const { getShowMultipleTab, getMultipleTabPosIsTop } = useMultipleTab();
   const getHeaderTheme = computed(() => getHeaderConf.theme);
   const getFixed = computed(() => getHeaderConf.fixed);
-  const getShowHeaderLogo = computed(() => unref(getShowLogo) && !unref(getIsSidebarType) && !unref(getIsMixSidebar));
+  const getShowHeaderLogo = computed(() => unref$1(getShowLogo) && !unref$1(getIsSidebarType) && !unref$1(getIsMixSidebar));
   const getShowSearch = computed(() => getHeaderConf.showSearch);
   const getShowHeaderTrigger = computed(() => {
-    if (unref(getMenuType) === MenuType.TOP_MENU || !unref(getShowMenu) || unref(getMenuHidden)) {
+    if (unref$1(getMenuType) === MenuType.TOP_MENU || !unref$1(getShowMenu) || unref$1(getMenuHidden)) {
       return false;
     }
-    return unref(getTrigger);
+    return unref$1(getTrigger);
   });
   const getShowBreadCrumb = computed(() => getHeaderConf.showBreadCrumb);
   const getShowBread = computed(
-    () => unref(getMenuMode) !== MenuMode.HORIZONTAL && !unref(getSplit) && unref(getShowBreadCrumb)
+    () => unref$1(getMenuMode) !== MenuMode.HORIZONTAL && !unref$1(getSplit) && unref$1(getShowBreadCrumb)
   );
-  const getShowTopMenu = computed(() => unref(getMenuMode) === MenuMode.HORIZONTAL || unref(getSplit));
+  const getShowTopMenu = computed(() => unref$1(getMenuMode) === MenuMode.HORIZONTAL || unref$1(getSplit));
   const getShowNotice = computed(() => getHeaderConf.showNotice);
   const getShowFullScreen = computed(() => getHeaderConf.showFullScreen);
   const getShowLocale = computed(() => getHeaderConf.showLocaleSwitch);
   const getShowSettingTheme = computed(() => getHeaderConf.showSettingTheme);
   const getShowFullHeaderRef = computed(() => {
-    return !unref(getIsSidebarType) && !unref(getIsMixSidebar) && !unref(getIsTopMenu);
+    return !unref$1(getIsSidebarType) && !unref$1(getIsMixSidebar) && !unref$1(getIsTopMenu);
   });
   const getHeaderHeight = computed(() => {
     let height = 0;
     height += HEADER_HEIGHT;
-    if (unref(getShowMultipleTab) && !unref(getSplit) && !unref(getMultipleTabPosIsTop)) {
+    if (unref$1(getShowMultipleTab) && !unref$1(getSplit) && !unref$1(getMultipleTabPosIsTop)) {
       height += TABS_HEIGHT;
     }
     return height;
   });
   const getTabsHeight = computed(() => TABS_HEIGHT);
   const getShowInsetHeaderRef = computed(() => {
-    return unref(getIsSidebarType) || unref(getIsTopMenu) || unref(getIsMixSidebar);
+    return unref$1(getIsSidebarType) || unref$1(getIsTopMenu) || unref$1(getIsMixSidebar);
   });
   const getShowBackToTop = computed(() => getHeaderConf.showBackToTop);
   const getIsZH = computed(() => {
@@ -588,20 +617,20 @@ function useDragLine(siderRef, dragBarRef) {
     });
   });
   function getEl(elRef) {
-    const el = unref(elRef);
+    const el = unref$1(elRef);
     if (!el)
       return null;
     if (Reflect.has(el, "$el")) {
-      return unref(elRef)?.$el;
+      return unref$1(elRef)?.$el;
     }
-    return unref(elRef);
+    return unref$1(elRef);
   }
   function handleMouseMove(ele, wrap, clientX) {
     document.onmousemove = function(innerE) {
       innerE = innerE || window.event;
       let iT = ele.left + (innerE.clientX - clientX);
       const maxT = 800;
-      const minT = unref(getMiniWidthNumber);
+      const minT = unref$1(getMiniWidthNumber);
       iT < 0 && (iT = 0);
       iT > maxT && (iT = maxT);
       iT < minT && (iT = minT);
@@ -649,7 +678,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     const { getShowBackToTop } = useHeader();
     return (_ctx, _cache) => {
       const _component_ABackTop = BackTop;
-      return unref(getShowBackToTop) ? (openBlock(), createBlock(_component_ABackTop, {
+      return unref$1(getShowBackToTop) ? (openBlock(), createBlock(_component_ABackTop, {
         key: 0,
         target: getTarget,
         visibilityHeight: 300
@@ -685,73 +714,129 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-function useTabDropdown() {
+function useTabs(_router) {
+  const tabStore = useRouteReuseStore();
+  const router = _router || useRouter();
+  const { currentRoute } = router;
+  const getCurrentTab = () => {
+    const route = unref$1(currentRoute);
+    return tabStore.getTabList.find((item) => item.fullPath === route.fullPath);
+  };
+  function handleTabAction(action, tab) {
+    const currentTab = getCurrentTab();
+    switch (action) {
+      case 0:
+        tabStore.refreshPage(router);
+        break;
+      case 1:
+        tabStore.closeAllTab(currentRoute, router);
+        break;
+      case 2:
+        tabStore.closeLeftTabs(currentTab, router);
+        break;
+      case 3:
+        tabStore.closeRightTabs(currentTab, router);
+        break;
+      case 4:
+        tabStore.closeOtherTabs(currentTab, router);
+        break;
+      case 5:
+      case 6:
+        tabStore.closeTab(tab || currentTab, router);
+    }
+  }
+  return {
+    refreshPage: () => handleTabAction(0),
+    closeAll: () => handleTabAction(1),
+    closeLeft: () => handleTabAction(2),
+    closeRight: () => handleTabAction(3),
+    closeOther: () => handleTabAction(4),
+    closeCurrent: () => handleTabAction(5),
+    close: (tab) => handleTabAction(6, tab)
+  };
+}
+function useTabDropdown(tabItem, getIsTabs) {
   const router = useRouter();
   const { currentRoute } = router;
   const tabStore = useRouteReuseStore();
+  const { refreshPage, closeAll, close, closeLeft, closeOther, closeRight } = useTabs();
+  const getTargetTab = computed(() => {
+    return unref$1(getIsTabs) ? tabItem : unref$1(currentRoute);
+  });
   const state = reactive({
     current: null,
     currentIndex: 0
   });
   const getDropMenuList = computed(() => {
     const { t } = useI18n("UI");
-    const { path, meta } = unref(currentRoute);
+    const { meta } = unref$1(getTargetTab);
+    const { path } = unref$1(currentRoute);
     const curItem = state.current;
     const isCurItem = curItem ? curItem.path === path : false;
     const index = state.currentIndex;
+    const refreshDisabled = !isCurItem;
     const closeLeftDisabled = index === 0 || !isCurItem;
-    const disabled = tabStore.getTabList.length === 1;
     const closeRightDisabled = !isCurItem || index === tabStore.getTabList.length - 1 && tabStore.getLastDragEndIndex >= 0;
+    const disabled = tabStore.getTabList.length === 1;
     const dropMenuList = [
+      {
+        icon: "ic:baseline-autorenew",
+        text: t("REFRESH"),
+        onClick: refreshPage,
+        disabled: refreshDisabled
+      },
       {
         icon: "ic:baseline-close",
         text: t("CLOSE_CURRENT_TAG"),
-        onClick: () => tabStore.closeTab(path, router),
+        onClick: () => close(tabItem),
         disabled: !!meta?.affix || disabled,
         divider: true
       },
       {
         icon: "mdi:arrow-collapse-left",
         text: t("CLOSE_LEFT_TAGS"),
-        onClick: () => tabStore.closeLeftTabs(path),
+        onClick: closeLeft,
         disabled: closeLeftDisabled,
         divider: false
       },
       {
         icon: "mdi:arrow-collapse-right",
         text: t("CLOSE_RIGHT_TAGS"),
-        onClick: () => tabStore.closeRightTabs(path),
+        onClick: closeRight,
         disabled: closeRightDisabled,
         divider: true
       },
       {
         icon: "ic:baseline-sync-alt",
         text: t("CLOSE_OTHER_TAGS"),
-        onClick: () => tabStore.closeOtherTabs(path),
+        onClick: closeOther,
         disabled: disabled || !isCurItem
       },
       {
         icon: "ic:baseline-horizontal-rule",
         text: t("CLOSE_ALL_TAGE"),
-        onClick: () => tabStore.closeAllTab(currentRoute, router),
+        onClick: closeAll,
         disabled
       }
     ];
     return dropMenuList;
   });
-  function handleContext(e) {
-    e?.preventDefault();
-    const { path } = unref(currentRoute);
-    const index = tabStore.getTabList.findIndex((tab) => tab.path === path);
-    state.current = unref(currentRoute);
-    state.currentIndex = index;
+  function handleContextMenu(tabItem2) {
+    return (e) => {
+      if (!tabItem2)
+        return;
+      e?.preventDefault();
+      const index = tabStore.getTabList.findIndex((tab) => tab.path === tabItem2.path);
+      state.current = tabItem2;
+      state.currentIndex = index;
+    };
   }
   function handleMenuEvent(item) {
     item.onClick?.();
   }
   return {
     getDropMenuList,
-    handleContext,
+    handleContextMenu,
     handleMenuEvent
   };
 }
@@ -762,8 +847,25 @@ const _hoisted_2$8 = [
 const _hoisted_3$6 = { class: "text-13" };
 const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "TabContent",
+  props: {
+    tabItem: {
+      type: Object,
+      default: null
+    },
+    isExtra: Boolean
+  },
   setup(__props) {
-    const { getDropMenuList, handleContext, handleMenuEvent } = useTabDropdown();
+    const props = __props;
+    const { t } = useI18n("UI");
+    const menuLabelMap = menuList2Map();
+    const getIsTabs = computed(() => !props.isExtra);
+    const getTrigger = computed(
+      () => unref$1(getIsTabs) ? ["contextmenu"] : ["click"]
+    );
+    const { getDropMenuList, handleContextMenu, handleMenuEvent } = useTabDropdown(props?.tabItem, getIsTabs);
+    function handleContext(e) {
+      props.tabItem && handleContextMenu(props.tabItem)(e);
+    }
     return (_ctx, _cache) => {
       const _component_AMenuItem = MenuItem;
       const _component_AMenuDivider = MenuDivider;
@@ -771,16 +873,16 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       const _component_ADropdown = Dropdown;
       return openBlock(), createBlock(_component_ADropdown, {
         placement: "bottomRight",
-        trigger: ["click"],
+        trigger: unref$1(getTrigger),
         overlayClassName: "dt-reuse-tabs__dropdown"
       }, {
         overlay: withCtx(() => [
           createVNode(_component_AMenu, null, {
             default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getDropMenuList), (item, index) => {
-                return openBlock(), createElementBlock(Fragment, { key: index }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(getDropMenuList), (item, index) => {
+                return openBlock(), createElementBlock(Fragment, null, [
                   createVNode(_component_AMenuItem, {
-                    onClick: ($event) => unref(handleMenuEvent)(item),
+                    onClick: ($event) => unref$1(handleMenuEvent)(item),
                     disabled: item.disabled
                   }, {
                     default: withCtx(() => [
@@ -795,19 +897,25 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
                     key: `d-${index}`
                   })) : createCommentVNode("", true)
                 ], 64);
-              }), 128))
+              }), 256))
             ]),
             _: 1
           })
         ]),
         default: withCtx(() => [
-          createElementVNode("span", {
-            onClick: _cache[0] || (_cache[0] = (...args) => unref(handleContext) && unref(handleContext)(...args)),
+          unref$1(getIsTabs) ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            onContextmenu: handleContext
+          }, [
+            createElementVNode("span", null, toDisplayString(unref$1(menuLabelMap).get(__props.tabItem.path) || __props.tabItem?.meta?.title || unref$1(t)("UNKNOWN_ROUTE")), 1)
+          ], 32)) : (openBlock(), createElementBlock("span", {
+            key: 1,
+            onClick: handleContext,
             class: "inline-block w-9 h-9 leading-9 -mt-0.5 text-zinc-600 text-center cursor-pointer border-l border-zinc-300 hover:text-zinc-900"
-          }, _hoisted_2$8)
+          }, _hoisted_2$8))
         ]),
         _: 1
-      });
+      }, 8, ["trigger"]);
     };
   }
 });
@@ -847,7 +955,7 @@ function useSortable(el, options) {
       if (!el)
         return;
       const Sortable = (await import("sortablejs")).default;
-      Sortable.create(unref(el), {
+      Sortable.create(unref$1(el), {
         animation: 500,
         delay: 400,
         delayOnTouchOnly: true,
@@ -861,7 +969,7 @@ function useTabsDrag(affixList) {
   const tabStore = useRouteReuseStore();
   const { getCanDrag } = useMultipleTab();
   nextTick(() => {
-    if (!unref(getCanDrag))
+    if (!unref$1(getCanDrag))
       return;
     const el = document.querySelectorAll(`.dt-reuse-tabs .ant-tabs-nav-list`)?.[0];
     const { initSortable } = useSortable(el, {
@@ -885,25 +993,23 @@ const _hoisted_1$g = { class: "dt-reuse-tabs leading-8 border-b border-solid bor
 const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
-    const { t } = useI18n("UI");
     const router = useRouter();
     const go = useGo(router);
     const tabStore = useRouteReuseStore();
     const { getShowQuick, getShowRedo } = useMultipleTab();
-    const menuLabelMap = menuList2Map();
     const activeKeyRef = ref(null);
     const getTabsState = computed(() => {
       return tabStore.getTabList.filter((item) => !item.meta?.hideTab);
     });
-    const unClose = computed(() => unref(getTabsState).length === 1);
+    const unClose = computed(() => unref$1(getTabsState).length === 1);
     function handleChange(activeKey) {
       activeKeyRef.value = activeKey;
       go(activeKey);
     }
     function handleEdit(targetKey) {
-      if (unref(unClose))
+      if (unref$1(unClose))
         return;
-      tabStore.closeTab(targetKey, router);
+      tabStore.closeTabByKey(targetKey, router);
     }
     const affixTextList = initAffixTabs();
     useTabsDrag(affixTextList);
@@ -912,13 +1018,13 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       (v) => {
         if (v === "/" || v === "/login")
           return;
-        const { meta = {} } = unref(router.currentRoute);
+        const { meta = {} } = unref$1(router.currentRoute);
         const { hideTab = false } = meta;
         if (activeKeyRef.value !== v) {
           activeKeyRef.value = v;
         }
         if (!hideTab) {
-          tabStore.addTab(unref(router.currentRoute));
+          tabStore.addTab(unref$1(router.currentRoute));
         }
       },
       {
@@ -941,13 +1047,16 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
           class: "h-8"
         }, createSlots({
           default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getTabsState), (item) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(getTabsState), (item) => {
               return openBlock(), createBlock(_component_ATabPane, {
                 key: item.query ? item.fullPath : item.path,
                 closable: !(item && item.meta && item.meta.affix)
               }, {
                 tab: withCtx(() => [
-                  createElementVNode("span", null, toDisplayString(unref(menuLabelMap).get(item.path) || unref(t)("UNKNOWN_ROUTE")), 1)
+                  unref$1(getShowQuick) ? (openBlock(), createBlock(unref$1(_sfc_main$w), {
+                    key: 0,
+                    tabItem: item
+                  }, null, 8, ["tabItem"])) : createCommentVNode("", true)
                 ]),
                 _: 2
               }, 1032, ["closable"]);
@@ -955,11 +1064,15 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
           ]),
           _: 2
         }, [
-          unref(getShowRedo) || unref(getShowQuick) ? {
+          unref$1(getShowRedo) || unref$1(getShowQuick) ? {
             name: "rightExtra",
             fn: withCtx(() => [
-              unref(getShowRedo) ? (openBlock(), createBlock(unref(_sfc_main$x), { key: 0 })) : createCommentVNode("", true),
-              unref(getShowQuick) ? (openBlock(), createBlock(unref(_sfc_main$w), { key: 1 })) : createCommentVNode("", true)
+              unref$1(getShowRedo) ? (openBlock(), createBlock(unref$1(_sfc_main$x), { key: 0 })) : createCommentVNode("", true),
+              unref$1(getShowQuick) ? (openBlock(), createBlock(unref$1(_sfc_main$w), {
+                key: 1,
+                isExtra: "",
+                tabItem: _ctx.$route
+              }, null, 8, ["tabItem"])) : createCommentVNode("", true)
             ]),
             key: "0"
           } : void 0
@@ -975,10 +1088,10 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", {
         class: "dt_header_icon text-lg text-gray-800 cursor-pointer px-3 hover:bg-gray-500 hover:bg-opacity-50 transition-all duration-300",
-        onClick: _cache[0] || (_cache[0] = (...args) => unref(toggle) && unref(toggle)(...args))
+        onClick: _cache[0] || (_cache[0] = (...args) => unref$1(toggle) && unref$1(toggle)(...args))
       }, [
         createElementVNode("i", {
-          class: normalizeClass(["i block", !unref(isFullscreen) ? "ic:baseline-fullscreen" : "ic:baseline-fullscreen-exit"])
+          class: normalizeClass(["i block", !unref$1(isFullscreen) ? "ic:baseline-fullscreen" : "ic:baseline-fullscreen-exit"])
         }, null, 2)
       ]);
     };
@@ -1165,29 +1278,29 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       return rsStyle;
     });
     const handleScroll = () => {
-      moveY.value = unref(wrap).scrollTop * 100 / unref(wrap).clientHeight;
-      moveX.value = unref(wrap).scrollLeft * 100 / unref(wrap).clientWidth;
+      moveY.value = unref$1(wrap).scrollTop * 100 / unref$1(wrap).clientHeight;
+      moveX.value = unref$1(wrap).scrollLeft * 100 / unref$1(wrap).clientWidth;
     };
     const update = () => {
-      if (!unref(wrap))
+      if (!unref$1(wrap))
         return;
-      const heightPercentage = unref(wrap).clientHeight * 100 / unref(wrap).scrollHeight;
-      const widthPercentage = unref(wrap).clientWidth * 100 / unref(wrap).scrollWidth;
+      const heightPercentage = unref$1(wrap).clientHeight * 100 / unref$1(wrap).scrollHeight;
+      const widthPercentage = unref$1(wrap).clientWidth * 100 / unref$1(wrap).scrollWidth;
       sizeHeight.value = heightPercentage < 100 ? heightPercentage + "%" : "";
       sizeWidth.value = widthPercentage < 100 ? widthPercentage + "%" : "";
     };
     onMounted(() => {
       nextTick(update);
       if (!props.noresize) {
-        addResizeListener(unref(resize), update);
-        addResizeListener(unref(wrap), update);
+        addResizeListener(unref$1(resize), update);
+        addResizeListener(unref$1(wrap), update);
         addEventListener("resize", update);
       }
     });
     onBeforeUnmount(() => {
       if (!props.noresize) {
-        removeResizeListener(unref(resize), update);
-        removeResizeListener(unref(wrap), update);
+        removeResizeListener(unref$1(resize), update);
+        removeResizeListener(unref$1(wrap), update);
         removeEventListener("resize", update);
       }
     });
@@ -1197,7 +1310,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
           ref_key: "wrap",
           ref: wrap,
           class: normalizeClass([[__props.wrapClass, "scrollbar__wrap--hidden-default"], "h-full overflow-auto"]),
-          style: normalizeStyle(unref(style)),
+          style: normalizeStyle(unref$1(style)),
           onScroll: handleScroll
         }, [
           (openBlock(), createBlock(resolveDynamicComponent(__props.tag), {
@@ -1212,11 +1325,11 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             _: 3
           }, 8, ["class", "style"]))
         ], 38),
-        createVNode(unref(Bar), {
+        createVNode(unref$1(Bar), {
           move: moveX.value,
           size: sizeWidth.value
         }, null, 8, ["move", "size"]),
-        createVNode(unref(Bar), {
+        createVNode(unref$1(Bar), {
           vertical: "",
           move: moveY.value,
           size: sizeHeight.value
@@ -1256,7 +1369,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     const props = __props;
     const Container = h("div", [props.template(props.data)]);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Container));
+      return openBlock(), createBlock(unref$1(Container));
     };
   }
 });
@@ -1287,17 +1400,17 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(getLogoClass)),
+        class: normalizeClass(unref$1(getLogoClass)),
         style: normalizeStyle({
-          minWidth: `${unref(getLogoWidth)}px`
+          minWidth: `${unref$1(getLogoWidth)}px`
         })
       }, [
-        unref(slots).logo ? (openBlock(), createBlock(unref(DtSlotContainer), {
+        unref$1(slots).logo ? (openBlock(), createBlock(unref$1(DtSlotContainer), {
           key: 0,
-          template: unref(slots).logo
+          template: unref$1(slots).logo
         }, null, 8, ["template"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          createElementVNode("img", { src: unref(logoUrl) }, null, 8, _hoisted_1$e),
-          withDirectives(createElementVNode("div", { class: "dt-logo__title text-base font-bold transition-all duration-500 pl-3" }, toDisplayString(unref(title)), 513), [
+          createElementVNode("img", { src: unref$1(logoUrl) }, null, 8, _hoisted_1$e),
+          withDirectives(createElementVNode("div", { class: "dt-logo__title text-base font-bold transition-all duration-500 pl-3" }, toDisplayString(unref$1(title)), 513), [
             [vShow, __props.showTitle]
           ])
         ], 64))
@@ -1314,10 +1427,10 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["flex w-12 h-full cursor-pointer items-center justify-center", props.theme]),
-        onClick: _cache[0] || (_cache[0] = (...args) => unref(toggleCollapsed) && unref(toggleCollapsed)(...args))
+        onClick: _cache[0] || (_cache[0] = (...args) => unref$1(toggleCollapsed) && unref$1(toggleCollapsed)(...args))
       }, [
         createElementVNode("i", {
-          class: normalizeClass(["i leading-none", unref(getCollapsed) ? "ic:baseline-format-indent-increase" : "ic:baseline-format-indent-decrease"])
+          class: normalizeClass(["i leading-none", unref$1(getCollapsed) ? "ic:baseline-format-indent-increase" : "ic:baseline-format-indent-decrease"])
         }, null, 2)
       ], 2);
     };
@@ -1333,14 +1446,16 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     watchEffect(() => {
       if (!currentRoute || currentRoute.value.path === "/")
         return;
-      routes.value = getBreadCrumb(currentRoute.value.path);
+      const { meta, path } = unref(currentRoute);
+      let activePath = meta?.currentActiveMenu || path;
+      routes.value = getBreadCrumb(activePath);
     });
     return (_ctx, _cache) => {
       const _component_ABreadcrumb = Breadcrumb;
       return openBlock(), createElementBlock("div", _hoisted_1$d, [
-        createVNode(_component_ABreadcrumb, { routes: unref(routes) }, {
+        createVNode(_component_ABreadcrumb, { routes: unref$1(routes) }, {
           itemRender: withCtx(({ route }) => [
-            createElementVNode("span", null, toDisplayString((unref(getIsZH) ? route.label : route.enLabel) || route.meta?.title), 1)
+            createElementVNode("span", null, toDisplayString((unref$1(getIsZH) ? route.label : route.enLabel) || route.meta?.title), 1)
           ]),
           _: 1
         }, 8, ["routes"])
@@ -1389,7 +1504,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       const _component_AEmpty = Empty;
       const _component_AInputSearch = InputSearch;
       const _component_APopover = Popover;
-      return unref(isUseDef) ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
+      return unref$1(isUseDef) ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
         createVNode(_component_APopover, {
           placement: "bottom",
           overlayClassName: "dt-menu-filter__popover",
@@ -1401,7 +1516,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
               return openBlock(), createElementBlock("p", {
                 onClick: ($event) => navigation(menu.url),
                 class: "px-5 leading-9 border-gray-200 border-dashed border-b m-0 cursor-pointer transition-all duration-300 text-13"
-              }, toDisplayString(unref(getIsZH) ? menu.label : menu.enLabel), 9, _hoisted_2$7);
+              }, toDisplayString(unref$1(getIsZH) ? menu.label : menu.enLabel), 9, _hoisted_2$7);
             }), 256)),
             !menuList.value.length ? (openBlock(), createElementBlock("div", _hoisted_3$5, [
               createVNode(_component_AEmpty, {
@@ -1414,9 +1529,9 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             createVNode(_component_AInputSearch, {
               value: filter.value,
               "onUpdate:value": _cache[0] || (_cache[0] = ($event) => filter.value = $event),
-              placeholder: unref(t)("FILTER_MORE"),
+              placeholder: unref$1(t)("FILTER_MORE"),
               onInput: filterMenu,
-              size: unref(UiSize).SMALL
+              size: unref$1(UiSize).SMALL
             }, null, 8, ["value", "placeholder", "size"])
           ]),
           _: 1
@@ -1463,10 +1578,10 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       }, {
         content: withCtx(() => [
           createElementVNode("ul", _hoisted_1$b, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(localeList), (it) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(localeList), (it) => {
               return openBlock(), createElementBlock("li", {
                 onClick: ($event) => toggleLang(it.event),
-                class: normalizeClass(["px-4 my-1 leading-9 flex border-gray-200 cursor-pointer hover:bg-gray-100 transition-all duration-300 text-13", it.event === unref(currentLang) ? "active bg-gray-100" : ""])
+                class: normalizeClass(["px-4 my-1 leading-9 flex border-gray-200 cursor-pointer hover:bg-gray-100 transition-all duration-300 text-13", it.event === unref$1(currentLang) ? "active bg-gray-100" : ""])
               }, [
                 withDirectives(createElementVNode("span", _hoisted_3$4, null, 512), [
                   [_directive_icon, it.icon]
@@ -1497,9 +1612,9 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
         overlayClassName: "dt-notify__popover"
       }, {
         content: withCtx(() => [
-          unref(slots).notify ? (openBlock(), createBlock(unref(DtSlotContainer), {
+          unref$1(slots).notify ? (openBlock(), createBlock(unref$1(DtSlotContainer), {
             key: 0,
-            template: unref(slots).notify
+            template: unref$1(slots).notify
           }, null, 8, ["template"])) : createCommentVNode("", true)
         ]),
         default: withCtx(() => [
@@ -1507,9 +1622,9 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
             withDirectives(createElementVNode("span", null, null, 512), [
               [_directive_icon, "ant-design:bell-outlined"]
             ]),
-            unref(slots).notifyBadge ? (openBlock(), createBlock(unref(DtSlotContainer), {
+            unref$1(slots).notifyBadge ? (openBlock(), createBlock(unref$1(DtSlotContainer), {
               key: 0,
-              template: unref(slots).notifyBadge
+              template: unref$1(slots).notifyBadge
             }, null, 8, ["template"])) : createCommentVNode("", true)
           ])
         ]),
@@ -1553,7 +1668,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       });
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Popover$1), {
+      return openBlock(), createBlock(unref$1(Popover$1), {
         placement: "bottom",
         visible: visible.value,
         "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
@@ -1565,7 +1680,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             (openBlock(), createElementBlock(Fragment, null, renderList(sizeList, (it) => {
               return createElementVNode("li", {
                 onClick: ($event) => toggleLang(it.event),
-                class: normalizeClass(["px-4 my-1 leading-9 flex border-gray-200 cursor-pointer hover:bg-gray-100 transition-all duration-300 text-13", it.event === unref(getUiSize) ? "active bg-gray-100" : ""])
+                class: normalizeClass(["px-4 my-1 leading-9 flex border-gray-200 cursor-pointer hover:bg-gray-100 transition-all duration-300 text-13", it.event === unref$1(getUiSize) ? "active bg-gray-100" : ""])
               }, [
                 createElementVNode("span", null, toDisplayString(it.text), 1)
               ], 10, _hoisted_2$5);
@@ -1614,11 +1729,11 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       }, {
         content: withCtx(() => [
           createElementVNode("div", _hoisted_1$8, [
-            unref(slots).userInfo ? (openBlock(), createBlock(unref(DtSlotContainer), {
+            unref$1(slots).userInfo ? (openBlock(), createBlock(unref$1(DtSlotContainer), {
               key: 0,
-              template: unref(slots).userInfo
+              template: unref$1(slots).userInfo
             }, null, 8, ["template"])) : createCommentVNode("", true),
-            unref(getShowLoginOut) ? (openBlock(), createElementBlock("div", {
+            unref$1(getShowLoginOut) ? (openBlock(), createElementBlock("div", {
               key: 1,
               onClick: _cache[0] || (_cache[0] = ($event) => signOut()),
               class: "px-4 my-1 leading-9 flex border-gray-200 cursor-pointer hover:bg-gray-100 transition-all duration-300 text-13"
@@ -1626,7 +1741,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
               withDirectives(createElementVNode("span", _hoisted_2$4, null, 512), [
                 [_directive_icon, "ant-design:logout-outlined"]
               ]),
-              createElementVNode("span", null, toDisplayString(unref(t)("LOGIN_OUT")), 1)
+              createElementVNode("span", null, toDisplayString(unref$1(t)("LOGIN_OUT")), 1)
             ])) : createCommentVNode("", true)
           ])
         ]),
@@ -1638,7 +1753,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }),
-            createElementVNode("span", _hoisted_5$1, toDisplayString(unref(getUserInfo)?.userNo), 1)
+            createElementVNode("span", _hoisted_5$1, toDisplayString(unref$1(getUserInfo)?.userNo), 1)
           ])
         ]),
         _: 1
@@ -1807,7 +1922,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
 						shadow-gray-200`,
                   `dt-menu-type__item--${item.type}`,
                   {
-                    [`dt-menu-type__item--active`]: unref(getMenuType) === item.type && unref(getMenuMode) === item.mode
+                    [`dt-menu-type__item--active`]: unref$1(getMenuType) === item.type && unref$1(getMenuMode) === item.mode
                   }
                 ])
               }, _hoisted_4$1, 10, _hoisted_2$3)
@@ -1845,7 +1960,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       const _component_ASelect = Select;
       return openBlock(), createElementBlock("div", _hoisted_1$6, [
         createElementVNode("span", null, toDisplayString(__props.title), 1),
-        createVNode(_component_ASelect, mergeProps(unref(getBindValue), {
+        createVNode(_component_ASelect, mergeProps(unref$1(getBindValue), {
           disabled: __props.disabled,
           size: "small",
           class: "w-32",
@@ -1882,10 +1997,10 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       const _component_ASwitch = Switch;
       return openBlock(), createElementBlock("div", _hoisted_1$5, [
         createElementVNode("span", null, toDisplayString(__props.title), 1),
-        createVNode(_component_ASwitch, mergeProps(unref(getBindValue), {
+        createVNode(_component_ASwitch, mergeProps(unref$1(getBindValue), {
           disabled: __props.disabled,
-          checkedChildren: unref(t)("ON"),
-          unCheckedChildren: unref(t)("OFF"),
+          checkedChildren: unref$1(t)("ON"),
+          unCheckedChildren: unref$1(t)("OFF"),
           onChange: handleChange
         }), null, 16, ["disabled", "checkedChildren", "unCheckedChildren"])
       ]);
@@ -1972,7 +2087,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
             key: item.title,
             title: item.title,
             event: item.event,
-            def: unref(item.def)
+            def: unref$1(item.def)
           }, null, 8, ["title", "event", "def"]);
         }), 64)),
         (openBlock(), createElementBlock(Fragment, null, renderList(selectItems, (item) => {
@@ -1980,7 +2095,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
             key: item.title,
             title: item.title,
             event: item.event,
-            def: unref(item.def),
+            def: unref$1(item.def),
             options: item.options
           }, null, 8, ["title", "event", "def", "options"]);
         }), 64))
@@ -2009,24 +2124,24 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     const defaultConf = getConfig();
     function getConfig() {
       return {
-        contentMode: unref(getContentMode),
+        contentMode: unref$1(getContentMode),
         menuOptions: {
-          mode: unref(getMenuMode),
-          type: unref(getMenuType),
-          split: unref(getMenuType) === MenuType.MIX ? true : false
+          mode: unref$1(getMenuMode),
+          type: unref$1(getMenuType),
+          split: unref$1(getMenuType) === MenuType.MIX ? true : false
         },
         headOptions: {
-          showBreadCrumb: unref(getShowBread),
-          showSearch: unref(getShowSearch),
-          notice: unref(getShowNotice),
-          showFullScreen: unref(getShowFullScreen),
-          showLocaleSwitch: unref(getShowLocale)
+          showBreadCrumb: unref$1(getShowBread),
+          showSearch: unref$1(getShowSearch),
+          notice: unref$1(getShowNotice),
+          showFullScreen: unref$1(getShowFullScreen),
+          showLocaleSwitch: unref$1(getShowLocale)
         },
         mulTabsOptions: {
-          show: unref(getShowMultipleTab)
+          show: unref$1(getShowMultipleTab)
         },
         footerOptions: {
-          show: unref(getShowFooter)
+          show: unref$1(getShowFooter)
         }
       };
     }
@@ -2087,25 +2202,25 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         createVNode(_component_ADrawer, {
           visible: visible.value,
           "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => visible.value = $event),
-          title: unref(t)("PROJECT_SETTING"),
+          title: unref$1(t)("PROJECT_SETTING"),
           placement: "right",
           width: "320"
         }, {
           default: withCtx(() => [
             createVNode(_component_ADivider, null, {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(t)("NAV_MODE")), 1)
+                createTextVNode(toDisplayString(unref$1(t)("NAV_MODE")), 1)
               ]),
               _: 1
             }),
-            createVNode(unref(_sfc_main$i)),
+            createVNode(unref$1(_sfc_main$i)),
             createVNode(_component_ADivider, null, {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(t)("PAGE_SHOW")), 1)
+                createTextVNode(toDisplayString(unref$1(t)("PAGE_SHOW")), 1)
               ]),
               _: 1
             }),
-            createVNode(unref(_sfc_main$f)),
+            createVNode(unref$1(_sfc_main$f)),
             createVNode(_component_ADivider),
             createElementVNode("div", _hoisted_1$4, [
               createVNode(_component_AButton, {
@@ -2115,7 +2230,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                 block: ""
               }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(t)("COPY")), 1)
+                  createTextVNode(toDisplayString(unref$1(t)("COPY")), 1)
                 ]),
                 _: 1
               }),
@@ -2125,12 +2240,12 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                 block: ""
               }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(t)("RESET")), 1)
+                  createTextVNode(toDisplayString(unref$1(t)("RESET")), 1)
                 ]),
                 _: 1
               })
             ]),
-            createElementVNode("div", _hoisted_2$2, toDisplayString(unref(t)("DRAWER_TIPS")), 1)
+            createElementVNode("div", _hoisted_2$2, toDisplayString(unref$1(t)("DRAWER_TIPS")), 1)
           ]),
           _: 1
         }, 8, ["visible", "title"])
@@ -2145,21 +2260,21 @@ function useSplitMenu(splitType) {
   const { getIsHorizontal, getSplit } = useMenu();
   const throttleHandleSplitLeftMenu = useThrottleFn(handleSplitLeftMenu, 50);
   const splitNotLeft = computed(
-    () => unref(splitType) !== MenuSplitTye.LEFT && !unref(getIsHorizontal)
+    () => unref$1(splitType) !== MenuSplitTye.LEFT && !unref$1(getIsHorizontal)
   );
   const getSplitLeft = computed(
-    () => !unref(getSplit) || unref(splitType) !== MenuSplitTye.LEFT
+    () => !unref$1(getSplit) || unref$1(splitType) !== MenuSplitTye.LEFT
   );
   const getSplitTop = computed(
-    () => unref(splitType) === MenuSplitTye.TOP
+    () => unref$1(splitType) === MenuSplitTye.TOP
   );
   const normalType = computed(
-    () => !unref(getSplit) || unref(splitType) === MenuSplitTye.NONE
+    () => !unref$1(getSplit) || unref$1(splitType) === MenuSplitTye.NONE
   );
   watch(
-    [() => unref(currentRoute)?.path, () => unref(splitType)],
+    [() => unref$1(currentRoute)?.path, () => unref$1(splitType)],
     ([path]) => {
-      if (unref(splitNotLeft))
+      if (unref$1(splitNotLeft))
         return;
       throttleHandleSplitLeftMenu(path);
     },
@@ -2170,22 +2285,22 @@ function useSplitMenu(splitType) {
   watch(
     () => getSplit.value,
     () => {
-      if (unref(splitNotLeft))
+      if (unref$1(splitNotLeft))
         return;
       getMenus2();
     }
   );
   function handleSplitLeftMenu(path) {
-    if (unref(getSplitLeft))
+    if (unref$1(getSplitLeft))
       return;
     menusRef.value = menusMap.filter((it) => it.includesPath.includes(path))[0]?.children;
   }
   async function getMenus2() {
-    if (unref(normalType)) {
+    if (unref$1(normalType)) {
       menusRef.value = DtCache.getLocal(CacheKey.MENUS)?.children;
       return;
     }
-    if (unref(getSplitTop)) {
+    if (unref$1(getSplitTop)) {
       menusRef.value = await getShallowMenus();
     }
   }
@@ -2312,12 +2427,12 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     const { getIsZH, getUiSize } = useHeader();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", {
-        class: normalizeClass(["dt-basic-menu-item-content-flex items-center dt-menu-item h-full", unref(getUiSize)])
+        class: normalizeClass(["dt-basic-menu-item-content-flex items-center dt-menu-item h-full", unref$1(getUiSize)])
       }, [
         createElementVNode("i", {
           class: normalizeClass(["menu-icon i", _ctx.item.icon])
         }, null, 2),
-        createElementVNode("span", null, toDisplayString(unref(getIsZH) ? _ctx.item.label : _ctx.item.enLabel), 1)
+        createElementVNode("span", null, toDisplayString(unref$1(getIsZH) ? _ctx.item.label : _ctx.item.enLabel), 1)
       ], 2);
     };
   }
@@ -2357,17 +2472,17 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       const _component_BasicSubMenuItem = resolveComponent("BasicSubMenuItem", true);
       const _component_ASubMenu = SubMenu;
       return openBlock(), createElementBlock(Fragment, null, [
-        !menuHasChildren(unref(item)) && unref(getShowMenu) ? (openBlock(), createBlock(_sfc_main$c, normalizeProps(mergeProps({ key: 0 }, props)), null, 16)) : createCommentVNode("", true),
-        menuHasChildren(unref(item)) && unref(getShowMenu) ? (openBlock(), createBlock(_component_ASubMenu, {
-          class: normalizeClass([unref(theme)]),
-          key: unref(item).id,
+        !menuHasChildren(unref$1(item)) && unref$1(getShowMenu) ? (openBlock(), createBlock(_sfc_main$c, normalizeProps(mergeProps({ key: 0 }, props)), null, 16)) : createCommentVNode("", true),
+        menuHasChildren(unref$1(item)) && unref$1(getShowMenu) ? (openBlock(), createBlock(_component_ASubMenu, {
+          class: normalizeClass([unref$1(theme)]),
+          key: unref$1(item).id,
           popupClassName: "app-top-menu-popup"
         }, {
           title: withCtx(() => [
-            createVNode(_sfc_main$d, mergeProps(props, { item: unref(item) }), null, 16, ["item"])
+            createVNode(_sfc_main$d, mergeProps(props, { item: unref$1(item) }), null, 16, ["item"])
           ]),
           default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(item).children, (childrenItem) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(item).children, (childrenItem) => {
               return openBlock(), createBlock(_component_BasicSubMenuItem, mergeProps({
                 key: childrenItem.id
               }, props, { item: childrenItem }), null, 16, ["item"]);
@@ -2412,7 +2527,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       (val) => {
         if (val === "/")
           return;
-        handleMenuChange(val);
+        const { meta, path } = unref$1(currentRoute);
+        let activePath = meta?.currentActiveMenu || path;
+        handleMenuChange(activePath);
       },
       {
         immediate: true
@@ -2420,7 +2537,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     );
     async function handleMenuChange(path) {
       setOpenKeys(path);
-      if (isHorizontal && unref(getSplit)) {
+      if (isHorizontal && unref$1(getSplit)) {
         const parentPath = getBreadCrumb(path, items);
         menuState.selectedKeys = [parentPath?.[0]?.url];
       } else {
@@ -2433,9 +2550,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     }
     const { getCollapsed } = useMenu();
     const getInlineCollapsed = computed(() => {
-      const isInline = unref(mode) === MenuMode.INLINE;
+      const isInline = unref$1(mode) === MenuMode.INLINE;
       if (isInline) {
-        return mixSider ? false : unref(getCollapsed);
+        return mixSider ? false : unref$1(getCollapsed);
       }
       return false;
     });
@@ -2460,9 +2577,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         mode: _ctx.mode,
         collapsible: "",
         onClick: handleMenuClick,
-        onOpenChange: unref(handleOpenChange),
-        collapsed: unref(getInlineCollapsed),
-        class: normalizeClass(unref(getSplit) ? "dt-split-menu" : "")
+        onOpenChange: unref$1(handleOpenChange),
+        collapsed: unref$1(getInlineCollapsed),
+        class: normalizeClass(unref$1(getSplit) ? "dt-split-menu" : "")
       }, {
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
@@ -2508,22 +2625,22 @@ const _sfc_main$9 = defineComponent({
       menusRef
     } = useSplitMenu(toRef(props, "splitType"));
     const slots = getParentSlots(null, "dt-theme");
-    const getComputedTheme = computed(() => props.theme || unref(getMenuTheme));
-    const getComputedMenuMode = computed(() => props.menuMode || unref(getMenuMode));
-    const getIsShowLogo = computed(() => unref(getShowLogo) && unref(getIsSidebarType));
+    const getComputedTheme = computed(() => props.theme || unref$1(getMenuTheme));
+    const getComputedMenuMode = computed(() => props.menuMode || unref$1(getMenuMode));
+    const getIsShowLogo = computed(() => unref$1(getShowLogo) && unref$1(getIsSidebarType));
     const getUseScroll = computed(() => {
-      return !unref(getIsHorizontal) && (unref(getIsSidebarType) || props.splitType === MenuSplitTye.LEFT || props.splitType === MenuSplitTye.NONE);
+      return !unref$1(getIsHorizontal) && (unref$1(getIsSidebarType) || props.splitType === MenuSplitTye.LEFT || props.splitType === MenuSplitTye.NONE);
     });
-    const getLogoClass = computed(() => [`dt-menu-logo`, unref(getComputedTheme)]);
+    const getLogoClass = computed(() => [`dt-menu-logo`, unref$1(getComputedTheme)]);
     const getMenuProps = computed(() => {
-      const menus = unref(menusRef);
+      const menus = unref$1(menusRef);
       return {
         menus,
         beforeClickFn: beforeMenuClickFn,
         items: menus,
-        theme: unref(getComputedTheme),
-        collapse: unref(getCollapsed),
-        collapsedShowTitle: unref(getCollapsedShowTitle),
+        theme: unref$1(getComputedTheme),
+        collapse: unref$1(getCollapsed),
+        collapsedShowTitle: unref$1(getCollapsedShowTitle),
         onMenuClick: handleMenuClick
       };
     });
@@ -2539,30 +2656,30 @@ const _sfc_main$9 = defineComponent({
       go(path);
     }
     function renderHeader() {
-      if (!unref(getIsShowLogo))
+      if (!unref$1(getIsShowLogo))
         return null;
       if (slots.logo) {
         return createVNode(DtSlotContainer, {
           "template": slots.logo,
           "data": {
-            theme: unref(getComputedTheme),
-            collapsed: unref(getCollapsed)
+            theme: unref$1(getComputedTheme),
+            collapsed: unref$1(getCollapsed)
           }
         }, null);
       }
       return createVNode(_sfc_main$q, {
-        "showTitle": !unref(getCollapsed),
-        "class": unref(getLogoClass),
-        "theme": unref(getComputedTheme)
+        "showTitle": !unref$1(getCollapsed),
+        "class": unref$1(getLogoClass),
+        "theme": unref$1(getComputedTheme)
       }, null);
     }
     function renderFooter() {
-      if (unref(getMenuType) === MenuType.SIDE || unref(getMenuType) === MenuType.MIX && props.splitType === 2) {
+      if (unref$1(getMenuType) === MenuType.SIDE || unref$1(getMenuType) === MenuType.MIX && props.splitType === 2) {
         return slots.menuFooter ? createVNode(DtSlotContainer, {
           "template": slots.menuFooter,
           "data": {
-            theme: unref(getComputedTheme),
-            collapsed: unref(getCollapsed)
+            theme: unref$1(getComputedTheme),
+            collapsed: unref$1(getCollapsed)
           }
         }, null) : null;
       }
@@ -2572,19 +2689,19 @@ const _sfc_main$9 = defineComponent({
       const {
         menus,
         ...menuProps
-      } = unref(getMenuProps);
+      } = unref$1(getMenuProps);
       if (!menus || !menus.length)
         return null;
       return createVNode(_sfc_main$a, mergeProps(menuProps, {
         "isHorizontal": props.isHorizontal,
-        "type": unref(getMenuType),
-        "showLogo": unref(getIsShowLogo),
-        "mode": unref(getComputedMenuMode),
+        "type": unref$1(getMenuType),
+        "showLogo": unref$1(getIsShowLogo),
+        "mode": unref$1(getComputedMenuMode),
         "items": menus
       }), null);
     }
     return () => {
-      return createVNode(Fragment, null, [renderHeader(), unref(getUseScroll) ? createVNode(DtScrollContainer, null, {
+      return createVNode(Fragment, null, [renderHeader(), unref$1(getUseScroll) ? createVNode(DtScrollContainer, null, {
         default: () => renderMenu()
       }) : renderMenu(), renderFooter()]);
     };
@@ -2621,14 +2738,14 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     } = useHeader();
     const { getShowMultipleTab, getMultipleTabPosIsTop } = useMultipleTab();
     const getSplitType = computed(() => {
-      return unref(getSplit) ? MenuSplitTye.TOP : MenuSplitTye.NONE;
+      return unref$1(getSplit) ? MenuSplitTye.TOP : MenuSplitTye.NONE;
     });
     const getMenuMode = computed(() => {
-      return unref(getSplit) ? MenuMode.HORIZONTAL : null;
+      return unref$1(getSplit) ? MenuMode.HORIZONTAL : null;
     });
-    const getShowTab = computed(() => unref(getShowMultipleTab) && unref(getMultipleTabPosIsTop));
+    const getShowTab = computed(() => unref$1(getShowMultipleTab) && unref$1(getMultipleTabPosIsTop));
     const getHeaderCls = computed(() => {
-      let theme = unref(getHeaderTheme);
+      let theme = unref$1(getHeaderTheme);
       let cls = "dt-header flex p-0 items-center justify-between ";
       if (props.fixed) {
         cls += "fixed top-0 left-0 w-full z-10 ";
@@ -2639,52 +2756,52 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_ALayoutHeader = LayoutHeader;
       return openBlock(), createBlock(_component_ALayoutHeader, {
-        class: normalizeClass([unref(getHeaderCls), "flex items-center justify-between"])
+        class: normalizeClass([unref$1(getHeaderCls), "flex items-center justify-between"])
       }, {
         default: withCtx(() => [
           createElementVNode("div", {
             class: normalizeClass(["dt-header-left flex h-full items-center", {
-              "w-0 flex-1": unref(getShowTab)
+              "w-0 flex-1": unref$1(getShowTab)
             }])
           }, [
-            unref(getShowHeaderLogo) ? (openBlock(), createBlock(unref(_sfc_main$q), {
+            unref$1(getShowHeaderLogo) ? (openBlock(), createBlock(unref$1(_sfc_main$q), {
               key: 0,
-              theme: unref(getHeaderTheme),
+              theme: unref$1(getHeaderTheme),
               class: "dt-header-logo"
             }, null, 8, ["theme"])) : createCommentVNode("", true),
-            unref(getShowHeaderTrigger) && !unref(getSplit) && !unref(getShowTab) ? (openBlock(), createBlock(unref(_sfc_main$p), {
+            unref$1(getShowHeaderTrigger) && !unref$1(getSplit) && !unref$1(getShowTab) ? (openBlock(), createBlock(unref$1(_sfc_main$p), {
               key: 1,
-              theme: unref(getHeaderTheme)
+              theme: unref$1(getHeaderTheme)
             }, null, 8, ["theme"])) : createCommentVNode("", true),
-            unref(getShowBread) && !unref(getShowTab) ? (openBlock(), createBlock(unref(_sfc_main$o), { key: 2 })) : createCommentVNode("", true),
-            unref(getShowTab) ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
+            unref$1(getShowBread) && !unref$1(getShowTab) ? (openBlock(), createBlock(unref$1(_sfc_main$o), { key: 2 })) : createCommentVNode("", true),
+            unref$1(getShowTab) ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
               createVNode(_sfc_main$v)
             ])) : createCommentVNode("", true)
           ], 2),
-          unref(getShowTopMenu) ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
+          unref$1(getShowTopMenu) ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
             createVNode(_sfc_main$9, {
               isHorizontal: true,
-              theme: unref(getHeaderTheme),
-              splitType: unref(getSplitType),
-              menuMode: unref(getMenuMode)
+              theme: unref$1(getHeaderTheme),
+              splitType: unref$1(getSplitType),
+              menuMode: unref$1(getMenuMode)
             }, null, 8, ["theme", "splitType", "menuMode"])
           ])) : createCommentVNode("", true),
           createElementVNode("div", {
             class: "dt-header-action flex items-center",
             style: normalizeStyle({
-              "padding-right": unref(getShowSettingTheme) ? "" : "20px"
+              "padding-right": unref$1(getShowSettingTheme) ? "" : "20px"
             })
           }, [
-            unref(getShowSearch) ? (openBlock(), createBlock(unref(_sfc_main$n), { key: 0 })) : createCommentVNode("", true),
-            unref(getShowNotice) ? (openBlock(), createBlock(unref(_sfc_main$l), { key: 1 })) : createCommentVNode("", true),
-            unref(getShowUiSize) ? (openBlock(), createBlock(unref(_sfc_main$k), { key: 2 })) : createCommentVNode("", true),
-            unref(getShowFullScreen) ? (openBlock(), createBlock(unref(_sfc_main$u), { key: 3 })) : createCommentVNode("", true),
-            unref(getShowLocale) ? (openBlock(), createBlock(unref(_sfc_main$m), {
+            unref$1(getShowSearch) ? (openBlock(), createBlock(unref$1(_sfc_main$n), { key: 0 })) : createCommentVNode("", true),
+            unref$1(getShowNotice) ? (openBlock(), createBlock(unref$1(_sfc_main$l), { key: 1 })) : createCommentVNode("", true),
+            unref$1(getShowUiSize) ? (openBlock(), createBlock(unref$1(_sfc_main$k), { key: 2 })) : createCommentVNode("", true),
+            unref$1(getShowFullScreen) ? (openBlock(), createBlock(unref$1(_sfc_main$u), { key: 3 })) : createCommentVNode("", true),
+            unref$1(getShowLocale) ? (openBlock(), createBlock(unref$1(_sfc_main$m), {
               key: 4,
               reload: true
             })) : createCommentVNode("", true),
-            createVNode(unref(_sfc_main$j)),
-            unref(getShowSettingTheme) ? (openBlock(), createBlock(unref(_sfc_main$e), { key: 5 })) : createCommentVNode("", true)
+            createVNode(unref$1(_sfc_main$j)),
+            unref$1(getShowSettingTheme) ? (openBlock(), createBlock(unref$1(_sfc_main$e), { key: 5 })) : createCommentVNode("", true)
           ], 4)
         ]),
         _: 1
@@ -2696,7 +2813,7 @@ function useMenuSwitch() {
   const brokenRef = ref(false);
   const { getMiniWidthNumber } = useMenu();
   const getCollapsedWidth = computed(() => {
-    return unref(brokenRef) ? 0 : unref(getMiniWidthNumber);
+    return unref$1(brokenRef) ? 0 : unref$1(getMiniWidthNumber);
   });
   function onBreakPointChange(broken) {
     brokenRef.value = broken;
@@ -2706,11 +2823,11 @@ function useMenuSwitch() {
 function useTrigger() {
   const { getTrigger, getSplit } = useMenu();
   const getShowTrigger = computed(() => {
-    const trigger = unref(getTrigger);
-    return trigger && unref(getSplit);
+    const trigger = unref$1(getTrigger);
+    return trigger && unref$1(getSplit);
   });
   const getTriggerAttr = computed(() => {
-    if (unref(getShowTrigger)) {
+    if (unref$1(getShowTrigger)) {
       return {};
     }
     return {
@@ -2732,12 +2849,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         onClick: _cache[0] || (_cache[0] = withModifiers(
-          (...args) => unref(toggleCollapsed) && unref(toggleCollapsed)(...args),
+          (...args) => unref$1(toggleCollapsed) && unref$1(toggleCollapsed)(...args),
           ["stop"]
         ))
       }, [
         createElementVNode("i", {
-          class: normalizeClass(["i", unref(getCollapsed) ? "ant-design:double-right-outlined" : "ant-design:double-left-outlined"])
+          class: normalizeClass(["i", unref$1(getCollapsed) ? "ant-design:double-right-outlined" : "ant-design:double-left-outlined"])
         }, null, 2)
       ]);
     };
@@ -2748,8 +2865,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const { getCollapsed, getCanDrag, getMenuWidth } = useMenu();
     const getDragBarStyle = computed(() => {
-      if (!unref(getCollapsed)) {
-        return { left: `${unref(getMenuWidth)}px` };
+      if (!unref$1(getCollapsed)) {
+        return { left: `${unref$1(getMenuWidth)}px` };
       }
       return {};
     });
@@ -2757,14 +2874,14 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       return [
         "dt-darg-bar",
         {
-          "dt-darg-bar--hide": !unref(getCanDrag)
+          "dt-darg-bar--hide": !unref$1(getCanDrag)
         }
       ];
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(getClass)),
-        style: normalizeStyle(unref(getDragBarStyle))
+        class: normalizeClass(unref$1(getClass)),
+        style: normalizeStyle(unref$1(getDragBarStyle))
       }, null, 6);
     };
   }
@@ -2786,13 +2903,14 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const { getMenuWidth, getMenuTheme, getMixSideTrigger } = useMenu();
     const { setMixSiderIsHasMenu } = useThemeStore();
     const menuModules = getShallowMenus();
-    const activeId = ref("");
+    const activeId = ref(null);
+    const activePath = ref(null);
     const subMenus = ref([]);
-    const getDomStyle = computed(() => setDomWidth(`${unref(subMenus)?.length ? unref(getMenuWidth) : MENU_WIDTH}px`));
+    const getDomStyle = computed(() => setDomWidth(`${unref$1(subMenus)?.length ? unref$1(getMenuWidth) : MENU_WIDTH}px`));
     const getWrapStyle = computed(() => setDomWidth(`${MENU_WIDTH}px`));
     const getSubMenuStyle = computed(() => {
       return {
-        width: `${unref(getMenuWidth) - MENU_WIDTH}px`,
+        width: `${unref$1(getMenuWidth) - MENU_WIDTH}px`,
         left: `${MENU_WIDTH}px`
       };
     });
@@ -2807,11 +2925,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     }
     const getMenuEvents = {
       onMouseleave: () => {
-        setActive(currentRoute.value.path);
+        setActive(unref$1(activePath));
       }
     };
     const getItemEvents = (item) => {
-      if (unref(getMixSideTrigger) === "hover") {
+      if (unref$1(getMixSideTrigger) === "hover") {
         return {
           onMouseenter: () => handleModuleClick(item.url, true),
           onClick: () => handleModuleClick(item.url)
@@ -2837,26 +2955,28 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     watchEffect(() => {
       if (!currentRoute || currentRoute.value.path === "/")
         return;
-      setActive(currentRoute.value.path);
+      const { meta, path } = unref$1(currentRoute);
+      activePath.value = meta?.currentActiveMenu || path;
+      setActive(unref$1(activePath));
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         createElementVNode("div", {
           class: "h-full overflow-hidden",
-          style: normalizeStyle(unref(getDomStyle))
+          style: normalizeStyle(unref$1(getDomStyle))
         }, null, 4),
         createElementVNode("div", mergeProps({
-          style: unref(getWrapStyle),
-          class: ["dt-mix-sider fixed top-0 left-0 h-full overflow-hidden", unref(getMenuTheme)]
+          style: unref$1(getWrapStyle),
+          class: ["dt-mix-sider fixed top-0 left-0 h-full overflow-hidden", unref$1(getMenuTheme)]
         }, getMenuEvents), [
           createVNode(_sfc_main$q, {
             showTitle: false,
             class: normalizeClass("justify-center z-10")
           }),
-          createVNode(unref(DtScrollContainer), { class: "z-10" }, {
+          createVNode(unref$1(DtScrollContainer), { class: "z-10" }, {
             default: withCtx(() => [
               createElementVNode("ul", _hoisted_1$2, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(menuModules), (item) => {
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(menuModules), (item) => {
                   return openBlock(), createElementBlock("li", mergeProps({
                     key: item.id,
                     class: ["py-3 cursor-pointer relative text-center", {
@@ -2878,9 +2998,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               subMenus.value?.length ? (openBlock(), createElementBlock("div", {
                 key: 0,
                 class: "fixed top-0 h-full sub-menu bg-white",
-                style: normalizeStyle(unref(getSubMenuStyle))
+                style: normalizeStyle(unref$1(getSubMenuStyle))
               }, [
-                createVNode(unref(DtScrollContainer), null, {
+                createVNode(unref$1(DtScrollContainer), null, {
                   default: withCtx(() => [
                     createElementVNode("ul", _hoisted_3, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(subMenus.value, (menu) => {
@@ -2894,9 +3014,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                                 return openBlock(), createElementBlock("li", {
                                   key: subMenu.id,
                                   class: normalizeClass(["flex cursor-pointer", {
-                                    "active-menu": subMenu.url === unref(currentRoute).fullPath
+                                    "active-menu": subMenu.url === activePath.value
                                   }]),
-                                  onClick: ($event) => unref(go)(subMenu.url)
+                                  onClick: ($event) => unref$1(go)(subMenu.url)
                                 }, [
                                   createElementVNode("i", {
                                     class: normalizeClass(["i opacity-50 pr-2", subMenu.icon])
@@ -2908,9 +3028,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                           ])) : (openBlock(), createElementBlock("div", {
                             key: 1,
                             class: normalizeClass(["sub-menu flex cursor-pointer", {
-                              "active-menu": menu.url === unref(currentRoute).fullPath
+                              "active-menu": menu.url === activePath.value
                             }]),
-                            onClick: ($event) => unref(go)(menu.url)
+                            onClick: ($event) => unref$1(go)(menu.url)
                           }, [
                             createElementVNode("i", {
                               class: normalizeClass(["i opacity-50 pr-2", menu.icon])
@@ -2957,7 +3077,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const dragBarRef = ref(null);
     const sideRef = ref(null);
     const hiddenDomStyle = computed(() => {
-      const width = `${unref(getRealWidth)}px`;
+      const width = `${unref$1(getRealWidth)}px`;
       return {
         width,
         overflow: "hidden",
@@ -2971,60 +3091,60 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       const {
         menusRef
       } = useSplitMenu(getSplitType);
-      if (!unref(menusRef)?.length)
+      if (!unref$1(menusRef)?.length)
         return false;
-      return unref(getSplit) ? !unref(getMenuHidden) : true;
+      return unref$1(getSplit) ? !unref$1(getMenuHidden) : true;
     });
     useDragLine(sideRef, dragBarRef);
     const getSiderClass = computed(() => {
       let cls = `dt-sideBar overflow-hidden z-10 `;
-      if (unref(getMenuFixed)) {
+      if (unref$1(getMenuFixed)) {
         cls += `dt-sideBar--fixed t-0 l-0 h-full `;
       }
-      if (unref(getIsMixMode)) {
+      if (unref$1(getIsMixMode)) {
         cls += "dt-sideBar--mix ";
       }
       return cls;
     });
     const getSplitType = computed(() => {
-      return unref(getSplit) ? MenuSplitTye.LEFT : MenuSplitTye.NONE;
+      return unref$1(getSplit) ? MenuSplitTye.LEFT : MenuSplitTye.NONE;
     });
     const getMode = computed(() => {
-      return unref(getSplit) ? MenuMode.INLINE : null;
+      return unref$1(getSplit) ? MenuMode.INLINE : null;
     });
     const renderTrigger = h(_sfc_main$7);
     return (_ctx, _cache) => {
       const _component_ALayoutSider = LayoutSider;
-      return unref(getIsMixSidebar) ? (openBlock(), createBlock(_sfc_main$5, {
+      return unref$1(getIsMixSidebar) ? (openBlock(), createBlock(_sfc_main$5, {
         key: 0
       })) : (openBlock(), createElementBlock(Fragment, {
         key: 1
-      }, [unref(getMenuFixed) ? withDirectives((openBlock(), createElementBlock("div", {
+      }, [unref$1(getMenuFixed) ? withDirectives((openBlock(), createElementBlock("div", {
         key: 0,
-        style: normalizeStyle(unref(hiddenDomStyle))
-      }, null, 4)), [[vShow, unref(showClassSideBarRef)]]) : createCommentVNode("", true), withDirectives(createVNode(_component_ALayoutSider, mergeProps({
+        style: normalizeStyle(unref$1(hiddenDomStyle))
+      }, null, 4)), [[vShow, unref$1(showClassSideBarRef)]]) : createCommentVNode("", true), withDirectives(createVNode(_component_ALayoutSider, mergeProps({
         ref_key: "sideRef",
         ref: sideRef,
         collapsible: "",
         breakpoint: "lg",
-        class: unref(getSiderClass),
-        width: unref(getMenuWidth),
-        collapsed: unref(getCollapsed),
-        collapsedWidth: unref(getCollapsedWidth),
-        onBreakpoint: unref(onBreakPointChange),
-        theme: unref(getMenuTheme),
-        trigger: unref(renderTrigger)
-      }, unref(getTriggerAttr)), {
+        class: unref$1(getSiderClass),
+        width: unref$1(getMenuWidth),
+        collapsed: unref$1(getCollapsed),
+        collapsedWidth: unref$1(getCollapsedWidth),
+        onBreakpoint: unref$1(onBreakPointChange),
+        theme: unref$1(getMenuTheme),
+        trigger: unref$1(renderTrigger)
+      }, unref$1(getTriggerAttr)), {
         default: withCtx(() => [createVNode(_sfc_main$9, {
-          theme: unref(getMenuTheme),
-          menuMode: unref(getMode),
-          splitType: unref(getSplitType)
+          theme: unref$1(getMenuTheme),
+          menuMode: unref$1(getMode),
+          splitType: unref$1(getSplitType)
         }, null, 8, ["theme", "menuMode", "splitType"]), createVNode(_sfc_main$6, {
           ref_key: "dragBarRef",
           ref: dragBarRef
         }, null, 512)]),
         _: 1
-      }, 16, ["class", "width", "collapsed", "collapsedWidth", "onBreakpoint", "theme", "trigger"]), [[vShow, unref(showClassSideBarRef)]])], 64));
+      }, 16, ["class", "width", "collapsed", "collapsedWidth", "onBreakpoint", "theme", "trigger"]), [[vShow, unref$1(showClassSideBarRef)]])], 64));
     };
   }
 });
@@ -3041,50 +3161,50 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const { getCalcContentWidth, getIsMixMode, getSplit, getIsMixSidebar } = useMenu();
     const { getShowMultipleTab, getMultipleTabPosIsTop } = useMultipleTab();
     const getPlaceholderDomStyle = computed(() => {
-      let height = unref(getHeaderHeight);
-      if (unref(getIsMixMode)) {
-        height = unref(getShowMultipleTab) ? unref(getTabsHeight) : 0;
+      let height = unref$1(getHeaderHeight);
+      if (unref$1(getIsMixMode)) {
+        height = unref$1(getShowMultipleTab) ? unref$1(getTabsHeight) : 0;
       }
       return {
         height: `${height}px`
       };
     });
     const getSplitType = computed(() => {
-      return unref(getSplit) ? MenuSplitTye.LEFT : MenuSplitTye.NONE;
+      return unref$1(getSplit) ? MenuSplitTye.LEFT : MenuSplitTye.NONE;
     });
     const { menusRef } = useSplitMenu(getSplitType);
     const getWrapStyle = computed(() => {
       const style = {};
-      if (unref(getIsMixSidebar)) {
-        style.width = useThemeStore().getMixSiderIsHasMenu ? unref(getCalcContentWidth) : "calc(100% - 80px)";
-      } else if (unref(getSplit) && !unref(menusRef)?.length) {
+      if (unref$1(getIsMixSidebar)) {
+        style.width = useThemeStore().getMixSiderIsHasMenu ? unref$1(getCalcContentWidth) : "calc(100% - 80px)";
+      } else if (unref$1(getSplit) && !unref$1(menusRef)?.length) {
         style.width = "100%";
-      } else if (unref(getFixed)) {
-        style.width = unref(getCalcContentWidth);
+      } else if (unref$1(getFixed)) {
+        style.width = unref$1(getCalcContentWidth);
       }
-      if (unref(getShowFullHeaderRef))
+      if (unref$1(getShowFullHeaderRef))
         style.top = "48px";
       return style;
     });
     const getClass = computed(() => {
       let cls = "transition-width duration-200 flex-auto";
-      if (unref(getFixed)) {
+      if (unref$1(getFixed)) {
         cls += " fixed top-0 right-0 w-full";
       }
       return cls;
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        unref(getFixed) ? (openBlock(), createElementBlock("div", {
+        unref$1(getFixed) ? (openBlock(), createElementBlock("div", {
           key: 0,
-          style: normalizeStyle(unref(getPlaceholderDomStyle))
+          style: normalizeStyle(unref$1(getPlaceholderDomStyle))
         }, null, 4)) : createCommentVNode("", true),
         createElementVNode("div", {
-          style: normalizeStyle(unref(getWrapStyle)),
-          class: normalizeClass(unref(getClass))
+          style: normalizeStyle(unref$1(getWrapStyle)),
+          class: normalizeClass(unref$1(getClass))
         }, [
-          unref(getShowInsetHeaderRef) ? (openBlock(), createBlock(_sfc_main$8, { key: 0 })) : createCommentVNode("", true),
-          unref(getShowMultipleTab) && !unref(getMultipleTabPosIsTop) ? (openBlock(), createBlock(_sfc_main$v, { key: 1 })) : createCommentVNode("", true)
+          unref$1(getShowInsetHeaderRef) ? (openBlock(), createBlock(_sfc_main$8, { key: 0 })) : createCommentVNode("", true),
+          unref$1(getShowMultipleTab) && !unref$1(getMultipleTabPosIsTop) ? (openBlock(), createBlock(_sfc_main$v, { key: 1 })) : createCommentVNode("", true)
         ], 6)
       ]);
     };
@@ -3095,7 +3215,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
     const { getFooter } = useTheme();
-    const { title, subTitle, height } = unref(getFooter);
+    const { title, subTitle, height } = unref$1(getFooter);
     const footerOptions = computed(() => {
       return {
         lineHeight: `${height - 1}px`,
@@ -3106,13 +3226,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       };
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(LayoutFooter), {
+      return openBlock(), createBlock(unref$1(LayoutFooter), {
         class: "text-center p-0 w-full block border-t border-gray-200",
-        style: normalizeStyle(unref(footerOptions))
+        style: normalizeStyle(unref$1(footerOptions))
       }, {
         default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$1, toDisplayString(unref(title)), 1),
-          createElementVNode("span", null, toDisplayString(unref(subTitle)), 1)
+          createElementVNode("span", _hoisted_1$1, toDisplayString(unref$1(title)), 1),
+          createElementVNode("span", null, toDisplayString(unref$1(subTitle)), 1)
         ]),
         _: 1
       }, 8, ["style"]);
@@ -3128,7 +3248,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const { getCanCache } = useMultipleTab();
     const tabStore = useRouteReuseStore();
     function getTransitionName(route) {
-      return route.meta.transitionName || unref(getTransitionMode);
+      return route.meta.transitionName || unref$1(getTransitionMode);
     }
     const getCaches = computed(() => {
       return tabStore.getCachedTabList;
@@ -3138,8 +3258,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const _component_ALayoutContent = LayoutContent;
       return openBlock(), createElementBlock("div", {
         id: "dt-layout-content",
-        class: normalizeClass([["dt-layout-content", unref(getLayoutContentMode)], "relative flex-auto overflow-x-hidden min-h-0 flex"]),
-        loading: unref(getPageLoading) && unref(getOpenPageLoading)
+        class: normalizeClass([["dt-layout-content", unref$1(getLayoutContentMode)], "relative flex-auto overflow-x-hidden min-h-0 flex"]),
+        loading: unref$1(getPageLoading) && unref$1(getOpenPageLoading)
       }, [
         createVNode(_component_ALayoutContent, null, {
           default: withCtx(() => [
@@ -3149,9 +3269,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   name: getTransitionName(route)
                 }, {
                   default: withCtx(() => [
-                    !route.meta.hideTab && unref(getCanCache) ? (openBlock(), createBlock(KeepAlive, {
+                    !route.meta.hideTab && unref$1(getCanCache) ? (openBlock(), createBlock(KeepAlive, {
                       key: 0,
-                      include: unref(getCaches)
+                      include: unref$1(getCaches)
                     }, [
                       (openBlock(), createBlock(resolveDynamicComponent(Component), {
                         key: route.path
@@ -3177,66 +3297,83 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { getShowFullHeaderRef, getIsZH, getHeaderHeight, getUiSize } = useHeader();
     const { getSplit, getShowMenu, getShowSidebar, getIsMixSidebar } = useMenu();
     const { getFooter, getShowFooter } = useTheme();
-    const { height } = unref(getFooter);
-    dayjs.locale(unref(getIsZH) ? "zh-cn" : "en");
+    const { height } = unref$1(getFooter);
+    dayjs.locale(unref$1(getIsZH) ? "zh-cn" : "en");
     const layoutClass = computed(() => {
       let cls = "ant-layout";
-      if (unref(getIsMixSidebar)) {
+      if (unref$1(getIsMixSidebar)) {
         cls += " ant-layout-has-sider";
       }
-      if (unref(getShowMenu)) {
+      if (unref$1(getShowMenu)) {
         cls += " flex flex-auto min-h-0 flex-row";
       }
       return cls;
     });
     const layoutOption = computed(() => {
-      if (unref(getSplit)) {
+      if (unref$1(getSplit)) {
         return {
-          paddingTop: unref(getHeaderHeight) + "px",
+          paddingTop: unref$1(getHeaderHeight) + "px",
           background: "#f0f2f5"
         };
       }
     });
     const getContentStyle = computed(() => {
       return {
-        flex: unref(getSplit) ? `0 0 calc(100% -  ${unref(getShowFooter) || 0}px)` : `0 0 calc(100% - ${unref(getShowFooter) ? height : 0}px - ${unref(getHeaderHeight)}px)`,
+        flex: unref$1(getSplit) ? `0 0 calc(100% -  ${unref$1(getShowFooter) || 0}px)` : `0 0 calc(100% - ${unref$1(getShowFooter) ? height : 0}px - ${unref$1(getHeaderHeight)}px)`,
         overflowY: "auto"
       };
     });
+    const router = useRouter();
+    watch(
+      () => router.currentRoute.value.path,
+      (v) => {
+        if (v === Pages.LOGIN) {
+          DtCache.clearAll();
+          const cacheTab = DtCache.getLocal(CacheKey.THEME)?.routeReuse?.cache;
+          if (!cacheTab) {
+            const tabStore = useRouteReuseStore();
+            tabStore.resetState();
+          }
+        }
+      },
+      {
+        immediate: true
+      }
+    );
     return (_ctx, _cache) => {
       const _component_ALayout = Layout;
       const _component_AConfigProvider = ConfigProvider;
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["dt-theme w-full h-full", `dt-theme-${unref(getUiSize)}`])
+        class: normalizeClass(["dt-theme w-full h-full", `dt-theme-${unref$1(getUiSize)}`])
       }, [
         createVNode(_component_AConfigProvider, {
-          locale: unref(getIsZH) ? unref(zhCN) : unref(en),
-          "component-size": unref(getUiSize)
+          locale: unref$1(getIsZH) ? unref$1(zhCN) : unref$1(en),
+          "component-size": unref$1(getUiSize)
         }, {
           default: withCtx(() => [
-            unref(currentRoute)?.name && unref(currentRoute).meta?.requiresAuth !== false ? (openBlock(), createBlock(_component_ALayout, {
+            unref$1(currentRoute)?.name && unref$1(currentRoute).meta?.requiresAuth !== false ? (openBlock(), createBlock(_component_ALayout, {
               key: 0,
               class: "w-full h-full flex"
             }, {
               default: withCtx(() => [
                 createVNode(_sfc_main$y),
-                unref(getShowFullHeaderRef) ? (openBlock(), createBlock(_sfc_main$8, {
+                unref$1(getShowFullHeaderRef) ? (openBlock(), createBlock(_sfc_main$8, {
                   key: 0,
                   fixed: ""
                 })) : createCommentVNode("", true),
                 createVNode(_component_ALayout, {
-                  class: normalizeClass(unref(layoutClass)),
-                  style: normalizeStyle(unref(layoutOption))
+                  class: normalizeClass(unref$1(layoutClass)),
+                  style: normalizeStyle(unref$1(layoutOption))
                 }, {
                   default: withCtx(() => [
-                    unref(getShowSidebar) ? (openBlock(), createBlock(_sfc_main$4, { key: 0 })) : createCommentVNode("", true),
+                    unref$1(getShowSidebar) ? (openBlock(), createBlock(_sfc_main$4, { key: 0 })) : createCommentVNode("", true),
                     createVNode(_component_ALayout, { class: "dt-theme-main flex w-full h-ful transition-width duration-200" }, {
                       default: withCtx(() => [
                         createVNode(_sfc_main$3),
                         createVNode(_sfc_main$1, {
-                          style: normalizeStyle(unref(getContentStyle))
+                          style: normalizeStyle(unref$1(getContentStyle))
                         }, null, 8, ["style"]),
-                        unref(getFooter) && unref(getFooter)["show"] ? (openBlock(), createBlock(_sfc_main$2, { key: 0 })) : createCommentVNode("", true)
+                        unref$1(getFooter) && unref$1(getFooter)["show"] ? (openBlock(), createBlock(_sfc_main$2, { key: 0 })) : createCommentVNode("", true)
                       ]),
                       _: 1
                     })
@@ -3245,7 +3382,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, 8, ["class", "style"])
               ]),
               _: 1
-            })) : (openBlock(), createBlock(unref(RouterView), { key: 1 }))
+            })) : (openBlock(), createBlock(unref$1(RouterView), { key: 1 }))
           ]),
           _: 1
         }, 8, ["locale", "component-size"])
@@ -3290,6 +3427,7 @@ const EN = {
     "FIXED_TO_LEFT": "Fixed to the left",
     "FIXED_TO_RIGHT": "Fixed to the right",
     "EXPORT": "Export",
+    "DOWNLOAD_TEMPLATE": "Download Template",
     "EXPORT_CURRENT_PAGE": "Export the current page",
     "EXPORT_SELECT_COLUMN": "Export Selected columns",
     "EXPORT_ALL": "Export all columns",
@@ -3326,6 +3464,7 @@ const EN = {
     "SMALL_SIZE": "Small Size",
     "MODIFY_PASSWORD": "Modify Password",
     "LOGIN_OUT": "Log out",
+    "REFRESH": "Refresh",
     "CLOSE_CURRENT_TAG": "Close the current tab",
     "CLOSE_LEFT_TAGS": "Close the left tab",
     "CLOSE_RIGHT_TAGS": "Close the right tab",
@@ -3428,11 +3567,12 @@ const ZH = {
     "SMALL_SIZE": "\u5C0F\u5C3A\u5BF8",
     "MODIFY_PASSWORD": "\u4FEE\u6539\u5BC6\u7801",
     "LOGIN_OUT": "\u9000\u51FA\u7CFB\u7EDF",
-    "CLOSE_CURRENT_TAG": "\u5173\u95ED\u5F53\u524D\u6807\u7B7E\u9875",
-    "CLOSE_LEFT_TAGS": "\u5173\u95ED\u5DE6\u4FA7\u6807\u7B7E\u9875",
-    "CLOSE_RIGHT_TAGS": "\u5173\u95ED\u53F3\u4FA7\u6807\u7B7E\u9875",
-    "CLOSE_OTHER_TAGS": "\u5173\u95ED\u5176\u4ED6\u6807\u7B7E\u9875",
-    "CLOSE_ALL_TAGE": "\u5173\u95ED\u5168\u90E8\u6807\u7B7E\u9875",
+    "REFRESH": "\u91CD\u65B0\u52A0\u8F7D",
+    "CLOSE_CURRENT_TAG": "\u5173\u95ED\u5F53\u524D",
+    "CLOSE_LEFT_TAGS": "\u5173\u95ED\u5DE6\u4FA7",
+    "CLOSE_RIGHT_TAGS": "\u5173\u95ED\u53F3\u4FA7",
+    "CLOSE_OTHER_TAGS": "\u5173\u95ED\u5176\u4ED6",
+    "CLOSE_ALL_TAGE": "\u5173\u95ED\u5168\u90E8",
     "SETTING_THEME": "\u98CE\u683C\u8BBE\u7F6E",
     "PROJECT_SETTING": "\u9879\u76EE\u914D\u7F6E",
     "NAV_MODE": "\u5BFC\u822A\u680F\u6A21\u5F0F",
@@ -3462,6 +3602,8 @@ const DtTheme = withInstall$1(_sfc_main);
 export {
   ContentMode,
   DtTheme,
+  MenuMode,
+  MenuType,
   UiSize,
   defaultThemeConf,
   uiLang,