@dt-frames/ui 2.0.5 → 2.0.6

package/es/theme/index.js

@@ -3,9 +3,9 @@ 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 { 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";
@@ -64,6 +64,7 @@ var UiSize = /* @__PURE__ */ ((UiSize2) => {
   return UiSize2;
 })(UiSize || {});
 const defaultThemeConf = {
+  cache: false,
   content: {
     contentMode: ContentMode.FULL
   },
@@ -106,7 +107,7 @@ const defaultThemeConf = {
   },
   routeReuse: {
     show: true,
-    cache: true,
+    cache: false,
     canDrag: true,
     showQuick: true,
     showRedo: true,
@@ -116,7 +117,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
   }),
@@ -145,20 +146,27 @@ const useThemeStore = defineStore({
   },
   actions: {
     setThemeConf(options = {}) {
-      let newThemeConf = deepMerge(this.themeConf, options);
-      this.themeConf = deepMerge(defaultThemeConf, newThemeConf);
+      this.themeConf = deepMerge(this.themeConf, options);
       DtCache.setLocal(CacheKey.THEME, this.themeConf);
     },
     setMixSiderIsHasMenu(val) {
       this.mixSiderHasSubMenu = val;
+    },
+    resetState() {
+      DtCache.removeLocal(CacheKey.THEME);
+      this.themeConf = cloneDeep(defaultThemeConf);
     }
   }
 });
+function handleGotoPage(router) {
+  const go = useGo(router);
+  go(unref(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,9 +213,9 @@ 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);
@@ -217,8 +225,8 @@ const useRouteReuseStore = defineStore({
       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) {
@@ -287,42 +312,46 @@ 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;
   });
-  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;
   });
   const getIsMixSidebar = computed(() => unref(getMenuType) === MenuType.MIX_SIDEBAR);
   const getMenuWidth = computed(() => {
     if (unref(getIsMixMode)) {
-      return Number(getMenuConf.menuWidth) - 40;
+      return Number(useThemeStore().getMenuConf.menuWidth) - 40;
     } else if (unref(getIsMixSidebar)) {
-      return Number(getMenuConf.menuWidth) - 10;
+      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 getMixSideTrigger = computed(() => useThemeStore().getMenuConf.mixSideTrigger);
+  const getLogoWidth = computed(() => unref(getIsMixSidebar) ? "80px" : useThemeStore().getMenuConf.menuWidth);
+  const getMenuType = computed(() => useThemeStore().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 getMenuMode = computed(() => useThemeStore().getMenuConf.mode);
+  const getSplit = computed(() => useThemeStore().getMenuConf.split);
+  const getCollapsed = computed(() => useThemeStore().getMenuConf.collapsed);
   const getIsHorizontal = computed(() => unref(getMenuMode) === MenuMode.HORIZONTAL);
   const setThemeStore = (conf = {}) => setThemeConf(conf);
   const toggleCollapsed = () => setThemeStore({
@@ -330,7 +359,7 @@ function useMenu() {
       collapsed: !unref(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);
   });
@@ -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(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(getIsTabs) ? tabItem : unref(currentRoute);
+  });
   const state = reactive({
     current: null,
     currentIndex: 0
   });
   const getDropMenuList = computed(() => {
     const { t } = useI18n("UI");
-    const { path, meta } = unref(currentRoute);
+    const { meta } = unref(getTargetTab);
+    const { path } = unref(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(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,14 +873,14 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       const _component_ADropdown = Dropdown;
       return openBlock(), createBlock(_component_ADropdown, {
         placement: "bottomRight",
-        trigger: ["click"],
+        trigger: unref(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 }, [
+                return openBlock(), createElementBlock(Fragment, null, [
                   createVNode(_component_AMenuItem, {
                     onClick: ($event) => unref(handleMenuEvent)(item),
                     disabled: item.disabled
@@ -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(getIsTabs) ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            onContextmenu: handleContext
+          }, [
+            createElementVNode("span", null, toDisplayString(unref(menuLabelMap).get(__props.tabItem.path) || __props.tabItem?.meta?.title || unref(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"]);
     };
   }
 });
@@ -885,12 +993,10 @@ 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);
@@ -903,7 +1009,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     function handleEdit(targetKey) {
       if (unref(unClose))
         return;
-      tabStore.closeTab(targetKey, router);
+      tabStore.closeTabByKey(targetKey, router);
     }
     const affixTextList = initAffixTabs();
     useTabsDrag(affixTextList);
@@ -947,7 +1053,10 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                 closable: !(item && item.meta && item.meta.affix)
               }, {
                 tab: withCtx(() => [
-                  createElementVNode("span", null, toDisplayString(unref(menuLabelMap).get(item.path) || unref(t)("UNKNOWN_ROUTE")), 1)
+                  unref(getShowQuick) ? (openBlock(), createBlock(unref(_sfc_main$w), {
+                    key: 0,
+                    tabItem: item
+                  }, null, 8, ["tabItem"])) : createCommentVNode("", true)
                 ]),
                 _: 2
               }, 1032, ["closable"]);
@@ -959,7 +1068,11 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
             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(getShowQuick) ? (openBlock(), createBlock(unref(_sfc_main$w), {
+                key: 1,
+                isExtra: "",
+                tabItem: _ctx.$route
+              }, null, 8, ["tabItem"])) : createCommentVNode("", true)
             ]),
             key: "0"
           } : void 0
@@ -3203,6 +3316,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         overflowY: "auto"
       };
     });
+    const router = useRouter();
+    watch(
+      () => router.currentRoute.value.path,
+      (v) => {
+        if (v === Pages.LOGIN) {
+          const cacheTab = DtCache.getLocal(CacheKey.THEME)?.routeReuse?.cache;
+          if (!cacheTab) {
+            const tabStore = useRouteReuseStore();
+            tabStore.resetState();
+          }
+          const cacheTheme = DtCache.getLocal(CacheKey.THEME)?.cache;
+          if (!cacheTheme) {
+            const themeStore = useThemeStore();
+            themeStore.resetState();
+          }
+        }
+      },
+      {
+        immediate: true
+      }
+    );
     return (_ctx, _cache) => {
       const _component_ALayout = Layout;
       const _component_AConfigProvider = ConfigProvider;
@@ -3290,6 +3424,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 +3461,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 +3564,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",

package/es/theme/index.less

@@ -744,6 +744,7 @@
 
 	&__dropdown .ant-dropdown-content li > span{
 		display: flex;
+        padding-right: 3px;
 	}
 }
 

package/es/theme/src/components/content/index.d.ts

@@ -11,15 +11,17 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
         getLastDragEndIndex(): number;
     }, {
         addTab(route: import("vue-router").RouteLocationNormalized): Promise<void>;
-        closeTab(path: string, router: import("vue-router").Router): void;
+        closeTab(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
         closeAllTab(currentRoute: import("vue").Ref<import("vue-router").RouteLocationNormalizedLoaded>, router: import("vue-router").Router): void;
-        closeLeftTabs(path: string): void;
-        closeRightTabs(path: string): void;
-        closeOtherTabs(path: string): void;
+        closeLeftTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+        closeRightTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+        closeOtherTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+        closeTabByKey(path: string, router: import("vue-router").Router): void;
         bulkCloseTabs(pathList: string[]): void;
         updateCacheTab(): void;
         refreshPage(router: import("vue-router").Router): Promise<void>;
         sortTabs(oldIndex: number, newIndex: number): void;
+        resetState(): void;
     }>;
     getTransitionName: (route: RouteRecordRaw) => string | undefined;
     getCaches: import("vue").ComputedRef<string[]>;