@ditari/bsui 5.0.21 → 5.0.23

package/dist/cjs/components/layout/Layout.vue2.cjs

@@ -140,7 +140,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 default: vue.withCtx(() => [
                   vue.createElementVNode("div", _hoisted_1, [
                     vue.renderSlot(_ctx.$slots, "logo"),
-                    vue.createVNode(vue.unref(Menu.default), { onMenuChange: vue.unref(onMenuClick) }, null, 8, ["onMenuChange"])
+                    vue.createVNode(vue.unref(Menu.default), { onOnMenuClick: vue.unref(onMenuClick) }, null, 8, ["onOnMenuClick"])
                   ])
                 ]),
                 _: 3

package/dist/cjs/components/layout/Layout.vue2.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.vue2.cjs","sources":["../../../../src/components/layout/Layout.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, provide, ref, watch } from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport DMenu from \"./components/menu/Menu\";\r\nimport SettingDrawer from \"./components/settings/SettingDrawer\";\r\nimport {\r\n  useAppStore,\r\n  useKeepAliveStore\r\n} from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nimport HeaderLayout from \"./components/layout/HeaderLayout.vue\";\r\nimport RouterContent from \"./components/layout/RouterContent.vue\";\r\n\r\nconst props = defineProps({\n  watermark: { type: Object, required: false, default: () => ({\r\n      content: \"\"\r\n    }) },\n  isSettings: { type: Boolean, required: false, default: true }\n});\r\nconst emits = defineEmits([\"onMenuClick\"]);\r\n\r\nconst { layout, modeConfig, sideTokenStyle } =\r\n  storeToRefs(useAppStore());\r\nconst route = useRoute();\r\nuseWatermark();\r\nconst { onMenuClick } = useMenu();\r\n\r\nconst {\r\n  layoutStyle,\r\n  siderStyle,\r\n  rightStyle,\r\n  rightContentStyle\r\n} = useStyle();\r\nuseKeepAlive();\r\n\r\nfunction useKeepAlive() {\r\n  // 保存需要被缓存的标签\r\n  const { save } = useKeepAliveStore();\r\n\r\n  watch(\r\n    () => route.path,\r\n    () => {\r\n      save(route);\r\n    },\r\n    {\r\n      immediate: true\r\n    }\r\n  );\r\n}\r\n\r\nfunction useWatermark() {\r\n  const watermarkContent = ref(\"\");\r\n  provide(\"watermarkContent\", watermarkContent);\r\n  // 监听 watermark 的变化\r\n  watch(\r\n    () => props.watermark,\r\n    val => {\r\n      watermarkContent.value = val.content || \"\";\r\n    },\r\n    { deep: true, immediate: true }\r\n  );\r\n}\r\n\r\nfunction useStyle() {\r\n  const layoutStyle = css`\r\n    height: 100vh;\r\n  `;\r\n\r\n  const transitionStyle = css`\r\n    transition: margin-left 0.4s\r\n      cubic-bezier(0.22, 1.2, 0.36, 1);\r\n  `;\r\n\r\n  const left = computed(\r\n    () =>\r\n      `${layout.value.collapsed ? layout.value.collapsedWidth : layout.value.sideWidth}px`\r\n  );\r\n\r\n  const siderStyle = computed(\r\n    () => css`\r\n      position: fixed !important;\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      z-index: 1;\r\n      width: ${layout.value.sideWidth}px;\r\n\r\n      .app-side {\r\n        height: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        ${modeConfig.value.mode === \"light\"\r\n          ? `background:${sideTokenStyle.value.bgColor};`\r\n          : \"\"}\r\n      }\r\n    `\r\n  );\r\n\r\n  const rightStyle = computed(\r\n    () => css`\r\n      margin-left: ${left.value};\r\n      ${transitionStyle}\r\n    `\r\n  );\r\n\r\n  const rightContentStyle = computed(\r\n    () => css`\r\n      padding-top: ${layout.value.headerHeight}px;\r\n    `\r\n  );\r\n\r\n  return {\r\n    layoutStyle,\r\n    siderStyle,\r\n    rightStyle,\r\n    rightContentStyle\r\n  };\r\n}\r\n\r\nfunction useMenu() {\r\n  const onMenuClick = (item: never) => {\r\n    emits(\"onMenuClick\", item);\r\n  };\r\n\r\n  return {\r\n    onMenuClick\r\n  };\r\n}\r\n</script>\r\n\r\n<template>\r\n  <a-layout :class=\"layoutStyle\">\r\n    <a-layout-sider\r\n      v-model:collapsed=\"layout.collapsed\"\r\n      theme=\"light\"\r\n      collapsible\r\n      :trigger=\"null\"\r\n      :class=\"siderStyle\"\r\n    >\r\n      <div class=\"app-side\">\r\n        <slot name=\"logo\"></slot>\r\n        <d-menu @menu-change=\"onMenuClick\" />\r\n      </div>\r\n    </a-layout-sider>\r\n    <a-layout :class=\"rightStyle\">\r\n      <header-layout>\r\n        <slot name=\"headerRight\"></slot>\r\n      </header-layout>\r\n      <a-layout-content :class=\"rightContentStyle\">\r\n        <RouterContent />\r\n      </a-layout-content>\r\n    </a-layout>\r\n  </a-layout>\r\n\r\n  <SettingDrawer v-if=\"isSettings\" />\r\n  <a-back-top></a-back-top>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["storeToRefs","useAppStore","useRoute","useKeepAliveStore","watch","ref","provide","layoutStyle","css","computed","siderStyle","rightStyle","rightContentStyle","onMenuClick"],"mappings":"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"}
+{"version":3,"file":"Layout.vue2.cjs","sources":["../../../../src/components/layout/Layout.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, provide, ref, watch } from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport DMenu from \"./components/menu/Menu\";\r\nimport SettingDrawer from \"./components/settings/SettingDrawer\";\r\nimport {\r\n  useAppStore,\r\n  useKeepAliveStore\r\n} from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nimport HeaderLayout from \"./components/layout/HeaderLayout.vue\";\r\nimport RouterContent from \"./components/layout/RouterContent.vue\";\r\n\r\nconst props = defineProps({\n  watermark: { type: Object, required: false, default: () => ({\r\n      content: \"\"\r\n    }) },\n  isSettings: { type: Boolean, required: false, default: true }\n});\r\nconst emits = defineEmits([\"onMenuClick\"]);\r\n\r\nconst { layout, modeConfig, sideTokenStyle } =\r\n  storeToRefs(useAppStore());\r\nconst route = useRoute();\r\nuseWatermark();\r\nconst { onMenuClick } = useMenu();\r\n\r\nconst {\r\n  layoutStyle,\r\n  siderStyle,\r\n  rightStyle,\r\n  rightContentStyle\r\n} = useStyle();\r\nuseKeepAlive();\r\n\r\nfunction useKeepAlive() {\r\n  // 保存需要被缓存的标签\r\n  const { save } = useKeepAliveStore();\r\n\r\n  watch(\r\n    () => route.path,\r\n    () => {\r\n      save(route);\r\n    },\r\n    {\r\n      immediate: true\r\n    }\r\n  );\r\n}\r\n\r\nfunction useWatermark() {\r\n  const watermarkContent = ref(\"\");\r\n  provide(\"watermarkContent\", watermarkContent);\r\n  // 监听 watermark 的变化\r\n  watch(\r\n    () => props.watermark,\r\n    val => {\r\n      watermarkContent.value = val.content || \"\";\r\n    },\r\n    { deep: true, immediate: true }\r\n  );\r\n}\r\n\r\nfunction useStyle() {\r\n  const layoutStyle = css`\r\n    height: 100vh;\r\n  `;\r\n\r\n  const transitionStyle = css`\r\n    transition: margin-left 0.4s\r\n      cubic-bezier(0.22, 1.2, 0.36, 1);\r\n  `;\r\n\r\n  const left = computed(\r\n    () =>\r\n      `${layout.value.collapsed ? layout.value.collapsedWidth : layout.value.sideWidth}px`\r\n  );\r\n\r\n  const siderStyle = computed(\r\n    () => css`\r\n      position: fixed !important;\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      z-index: 1;\r\n      width: ${layout.value.sideWidth}px;\r\n\r\n      .app-side {\r\n        height: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        ${modeConfig.value.mode === \"light\"\r\n          ? `background:${sideTokenStyle.value.bgColor};`\r\n          : \"\"}\r\n      }\r\n    `\r\n  );\r\n\r\n  const rightStyle = computed(\r\n    () => css`\r\n      margin-left: ${left.value};\r\n      ${transitionStyle}\r\n    `\r\n  );\r\n\r\n  const rightContentStyle = computed(\r\n    () => css`\r\n      padding-top: ${layout.value.headerHeight}px;\r\n    `\r\n  );\r\n\r\n  return {\r\n    layoutStyle,\r\n    siderStyle,\r\n    rightStyle,\r\n    rightContentStyle\r\n  };\r\n}\r\n\r\nfunction useMenu() {\r\n  const onMenuClick = (item: never) => {\r\n    emits(\"onMenuClick\", item);\r\n  };\r\n\r\n  return {\r\n    onMenuClick\r\n  };\r\n}\r\n</script>\r\n\r\n<template>\r\n  <a-layout :class=\"layoutStyle\">\r\n    <a-layout-sider\r\n      v-model:collapsed=\"layout.collapsed\"\r\n      theme=\"light\"\r\n      collapsible\r\n      :trigger=\"null\"\r\n      :class=\"siderStyle\"\r\n    >\r\n      <div class=\"app-side\">\r\n        <slot name=\"logo\"></slot>\r\n        <d-menu @onMenuClick=\"onMenuClick\" />\r\n      </div>\r\n    </a-layout-sider>\r\n    <a-layout :class=\"rightStyle\">\r\n      <header-layout>\r\n        <slot name=\"headerRight\"></slot>\r\n      </header-layout>\r\n      <a-layout-content :class=\"rightContentStyle\">\r\n        <RouterContent />\r\n      </a-layout-content>\r\n    </a-layout>\r\n  </a-layout>\r\n\r\n  <SettingDrawer v-if=\"isSettings\" />\r\n  <a-back-top></a-back-top>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["storeToRefs","useAppStore","useRoute","useKeepAliveStore","watch","ref","provide","layoutStyle","css","computed","siderStyle","rightStyle","rightContentStyle","onMenuClick"],"mappings":"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"}

package/dist/cjs/components/layout/components/menu/Menu.cjs

@@ -88,17 +88,12 @@ var Menu = /* @__PURE__ */ vue.defineComponent({
       vue.watch(() => route.fullPath, (path) => __async(this, null, function* () {
         const flag = selectedKeys2.value.some((item) => item === path);
         if (!flag) {
-          const rs = _findMatchedMenuKey(path, data.value);
-          if (rs) {
-            let matchItem = null;
-            if (rs.matchedUrl) {
-              matchItem = findMenuItemByUrl(rs.matchedUrl, data.value);
-            }
-            if (!layout.value.collapsed) {
-              openKeys2.value = [matchItem == null ? void 0 : matchItem.parentId];
-            }
-            selectedKeys2.value = [matchItem == null ? void 0 : matchItem.id];
+          const menuItem = findMenuItemByUrl(path, data.value);
+          const rs = getFullParentChain(menuItem.id, data.value);
+          if (!layout.value.collapsed) {
+            openKeys2.value = rs;
           }
+          selectedKeys2.value = [menuItem.key];
         }
       }));
       vue.watch(() => layout.value.collapsed, (val) => {
@@ -114,31 +109,20 @@ var Menu = /* @__PURE__ */ vue.defineComponent({
           }
         }
       });
-      const _findMatchedMenuKey = (path, menuItems, parentUrl = "") => {
-        for (const item of menuItems) {
-          if (item.url === path) {
-            return {
-              matchedUrl: item.url,
-              parentUrl
-            };
-          }
-          if (item.children && item.children.length > 0) {
-            const result = _findMatchedMenuKey(path, item.children, item.url);
-            if (result) {
-              return result;
-            }
+      const getFullParentChain = (targetId, menus, parentChain = []) => {
+        var _a;
+        for (const menu of menus) {
+          if (menu.id === targetId) {
+            return [...parentChain, menu.key];
           }
-          if (path.startsWith(item.url)) {
-            if (!item.children || item.children.length === 0) {
-              return {
-                matchedUrl: item.url,
-                parentUrl
-              };
-            }
-            const result = _findMatchedMenuKey(path, item.children, item.url);
-            if (result) {
-              return result;
-            }
+          if ((_a = menu.children) == null ? void 0 : _a.length) {
+            const result = getFullParentChain(
+              targetId,
+              menu.children,
+              [...parentChain, menu.key]
+              // 传递当前层级的 key
+            );
+            if (result) return result;
           }
         }
         return null;
@@ -148,15 +132,15 @@ var Menu = /* @__PURE__ */ vue.defineComponent({
         keyPath,
         item
       }) => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e;
         const rs = findMatchedMenuById(key, data.value);
-        if (item.isFrame && item.isFrame === "0") {
+        if (((_a = item.originItemValue) == null ? void 0 : _a.isFrame) && ((_b = item.originItemValue) == null ? void 0 : _b.isFrame) === "0") {
           emit("onMenuClick", item);
         } else {
           openKeys2.value = keyPath;
-          selectedKeys2.value = [(_a = rs.matchItem) == null ? void 0 : _a.key];
-          if (((_b = rs.matchItem) == null ? void 0 : _b.url) !== route.path) {
-            router.push((_c = rs.matchItem) == null ? void 0 : _c.url).then((r) => {
+          selectedKeys2.value = [(_c = rs.matchItem) == null ? void 0 : _c.key];
+          if (((_d = rs.matchItem) == null ? void 0 : _d.url) !== route.path) {
+            router.push((_e = rs.matchItem) == null ? void 0 : _e.url).then((r) => {
               if (r) {
                 console.warn(r);
               }

package/dist/cjs/components/layout/components/menu/Menu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.cjs","sources":["../../../../../../src/components/layout/components/menu/Menu.tsx"],"sourcesContent":["import { computed, defineComponent, watch } from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport {\r\n  useAppStore,\r\n  useMenuStore,\r\n  useNoStore\r\n} from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nimport useMenuCore from \"../../../../utils/useMenuCore\";\r\n\r\nexport default defineComponent({\r\n  name: \"DMenu\",\r\n  emits: [\"onMenuClick\"],\r\n  setup(_, { emit }) {\r\n    const { layout, modeConfig } =\r\n      storeToRefs(useAppStore());\r\n    const { findMatchedMenuById, findMenuItemByUrl } =\r\n      useMenuCore();\r\n    const { menuList } = storeToRefs(useNoStore());\r\n    const { menuWrapperStyle } = useStyle();\r\n    const { openKeys, selectedKeys, onClick } = useMenu();\r\n\r\n    function useStyle() {\r\n      const menuWrapperStyle = computed(\r\n        () => css`\r\n          flex: 1;\r\n          overflow: hidden;\r\n\r\n          .ant-menu {\r\n            height: 100%;\r\n            overflow: scroll;\r\n            -ms-overflow-style: none; /* 对 IE 和 Edge 生效 */\r\n            scrollbar-width: none; /* 对 Firefox 生效 */\r\n\r\n            ${modeConfig.value.mode === \"light\"\r\n              ? \"background:transparent;\"\r\n              : \"\"}\r\n            /* Webkit 浏览器 */\r\n                ::-webkit-scrollbar {\r\n              display: none;\r\n            }\r\n          }\r\n        `\r\n      );\r\n      return {\r\n        menuWrapperStyle\r\n      };\r\n    }\r\n\r\n    function useMenu() {\r\n      const { openKeys, selectedKeys, data } =\r\n        storeToRefs(useMenuStore());\r\n      const route = useRoute();\r\n      const router = useRouter();\r\n\r\n      /**\r\n       * 在标签切换的时候，路由会变化，需要动态关联左侧菜单的选中状态\r\n       */\r\n      watch(\r\n        () => route.fullPath,\r\n        async path => {\r\n          const flag = selectedKeys.value.some(\r\n            (item: string) => item === path\r\n          );\r\n          if (!flag) {\r\n            const rs = _findMatchedMenuKey(\r\n              path,\r\n              data.value as never\r\n            );\r\n            if (rs) {\r\n              let matchItem = null;\r\n              if (rs.matchedUrl) {\r\n                matchItem = findMenuItemByUrl(\r\n                  rs.matchedUrl,\r\n                  data.value as never\r\n                );\r\n              }\r\n\r\n              if (!layout.value.collapsed) {\r\n                openKeys.value = [matchItem?.parentId];\r\n              }\r\n              selectedKeys.value = [matchItem?.id];\r\n            }\r\n          }\r\n        }\r\n      );\r\n\r\n      watch(\r\n        () => layout.value.collapsed,\r\n        val => {\r\n          const id = selectedKeys.value[0];\r\n          const rs = findMatchedMenuById(\r\n            id,\r\n            data.value as never\r\n          );\r\n\r\n          if (val) {\r\n            openKeys.value = [];\r\n          } else {\r\n            if (rs?.parentItem) {\r\n              openKeys.value = [rs.parentItem.key];\r\n            } else {\r\n              openKeys.value = [rs!.matchItem.key];\r\n            }\r\n          }\r\n        }\r\n      );\r\n\r\n      const _findMatchedMenuKey = (\r\n        path: string,\r\n        menuItems: any[],\r\n        parentUrl: string = \"\"\r\n      ): {\r\n        matchedUrl: string;\r\n        parentUrl: string;\r\n      } | null => {\r\n        // 遍历菜单项\r\n        for (const item of menuItems) {\r\n          // 完全匹配\r\n          if (item.url === path) {\r\n            return { matchedUrl: item.url, parentUrl };\r\n          }\r\n\r\n          // 如果当前菜单项有 children，递归查找\r\n          if (item.children && item.children.length > 0) {\r\n            const result = _findMatchedMenuKey(\r\n              path,\r\n              item.children,\r\n              item.url\r\n            );\r\n            if (result) {\r\n              return result;\r\n            }\r\n          }\r\n\r\n          // 匹配路径前缀（确保只匹配最深层的菜单项）\r\n          if (path.startsWith(item.url)) {\r\n            // 如果路径以该菜单项的 key 开头，且该菜单项没有子菜单，直接返回匹配的菜单\r\n            if (\r\n              !item.children ||\r\n              item.children.length === 0\r\n            ) {\r\n              return { matchedUrl: item.url, parentUrl };\r\n            }\r\n            // 如果是父菜单且有子菜单，继续递归寻找匹配的子菜单\r\n            const result = _findMatchedMenuKey(\r\n              path,\r\n              item.children,\r\n              item.url\r\n            );\r\n            if (result) {\r\n              return result;\r\n            }\r\n          }\r\n        }\r\n\r\n        // 如果没有找到匹配的菜单项，返回 null\r\n        return null;\r\n      };\r\n\r\n      const onClick = ({\r\n        key,\r\n        keyPath,\r\n        item\r\n      }: {\r\n        item: { isFrame: string };\r\n        key: string;\r\n        keyPath: string[];\r\n      }) => {\r\n        const rs = findMatchedMenuById(key, data.value);\r\n        if (item.isFrame && item.isFrame === \"0\") {\r\n          emit(\"onMenuClick\", item);\r\n        } else {\r\n          openKeys.value = keyPath;\r\n          selectedKeys.value = [rs.matchItem?.key];\r\n          if (rs.matchItem?.url !== route.path) {\r\n            // 判断目标路由和当前路由是否相等;\r\n            // 不相等的时候再跳转\r\n            router.push(rs.matchItem?.url).then(r => {\r\n              if (r) {\r\n                console.warn(r);\r\n              }\r\n            });\r\n          }\r\n        }\r\n      };\r\n\r\n      return {\r\n        openKeys,\r\n        selectedKeys,\r\n        data,\r\n        onClick\r\n      };\r\n    }\r\n\r\n    return () => (\r\n      <div class={menuWrapperStyle.value}>\r\n        <a-menu\r\n          v-model:open-keys={openKeys.value}\r\n          v-model:selected-keys={selectedKeys.value}\r\n          items={menuList.value}\r\n          mode=\"inline\"\r\n          triggerSubMenuAction={\"hover\"}\r\n          onClick={onClick}\r\n        ></a-menu>\r\n      </div>\r\n    );\r\n  }\r\n});\r\n"],"names":["defineComponent","name","emits","setup","_","emit","layout","modeConfig","storeToRefs","useAppStore","findMatchedMenuById","findMenuItemByUrl","useMenuCore","menuList","useNoStore","menuWrapperStyle","useStyle","openKeys","selectedKeys","onClick","useMenu","computed","css","value","mode","data","useMenuStore","route","useRoute","router","useRouter","watch","fullPath","path","flag","some","item","rs","_findMatchedMenuKey","matchItem","matchedUrl","collapsed","parentId","id","val","parentItem","key","menuItems","parentUrl","url","children","length","result","startsWith","keyPath","isFrame","push","then","r","console","warn","_createVNode","_resolveComponent","$event"],"mappings":"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"}
+{"version":3,"file":"Menu.cjs","sources":["../../../../../../src/components/layout/components/menu/Menu.tsx"],"sourcesContent":["import { computed, defineComponent, watch } from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport {\r\n  useAppStore,\r\n  useMenuStore,\r\n  useNoStore\r\n} from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nimport useMenuCore from \"../../../../utils/useMenuCore\";\r\n\r\nexport default defineComponent({\r\n  name: \"DMenu\",\r\n  emits: [\"onMenuClick\"],\r\n  setup(_, { emit }) {\r\n    const { layout, modeConfig } =\r\n      storeToRefs(useAppStore());\r\n    const { findMatchedMenuById, findMenuItemByUrl } =\r\n      useMenuCore();\r\n    const { menuList } = storeToRefs(useNoStore());\r\n    const { menuWrapperStyle } = useStyle();\r\n    const { openKeys, selectedKeys, onClick } = useMenu();\r\n\r\n    function useStyle() {\r\n      const menuWrapperStyle = computed(\r\n        () => css`\r\n          flex: 1;\r\n          overflow: hidden;\r\n\r\n          .ant-menu {\r\n            height: 100%;\r\n            overflow: scroll;\r\n            -ms-overflow-style: none; /* 对 IE 和 Edge 生效 */\r\n            scrollbar-width: none; /* 对 Firefox 生效 */\r\n\r\n            ${modeConfig.value.mode === \"light\"\r\n              ? \"background:transparent;\"\r\n              : \"\"}\r\n            /* Webkit 浏览器 */\r\n                ::-webkit-scrollbar {\r\n              display: none;\r\n            }\r\n          }\r\n        `\r\n      );\r\n      return {\r\n        menuWrapperStyle\r\n      };\r\n    }\r\n\r\n    function useMenu() {\r\n      const { openKeys, selectedKeys, data } =\r\n        storeToRefs(useMenuStore());\r\n      const route = useRoute();\r\n      const router = useRouter();\r\n\r\n      /**\r\n       * 在标签切换的时候，路由会变化，需要动态关联左侧菜单的选中状态\r\n       */\r\n      watch(\r\n        () => route.fullPath,\r\n        async path => {\r\n          const flag = selectedKeys.value.some(\r\n            (item: string) => item === path\r\n          );\r\n          if (!flag) {\r\n            const menuItem = findMenuItemByUrl(\r\n              path,\r\n              data.value\r\n            );\r\n            const rs = getFullParentChain(\r\n              menuItem.id,\r\n              data.value as never\r\n            );\r\n            if (!layout.value.collapsed) {\r\n              openKeys.value = rs!;\r\n            }\r\n            selectedKeys.value = [menuItem.key];\r\n          }\r\n        }\r\n      );\r\n\r\n      watch(\r\n        () => layout.value.collapsed,\r\n        val => {\r\n          const id = selectedKeys.value[0];\r\n          const rs = findMatchedMenuById(\r\n            id,\r\n            data.value as never\r\n          );\r\n\r\n          if (val) {\r\n            openKeys.value = [];\r\n          } else {\r\n            if (rs?.parentItem) {\r\n              openKeys.value = [rs.parentItem.key];\r\n            } else {\r\n              openKeys.value = [rs!.matchItem.key];\r\n            }\r\n          }\r\n        }\r\n      );\r\n\r\n      /**\r\n       * 获取从根到目标菜单项的完整 key 链\r\n       * @param targetId 目标菜单项 id\r\n       * @param menus 菜单数据\r\n       * @param parentChain 递归传递的父级链\r\n       */\r\n      const getFullParentChain = (\r\n        targetId: string,\r\n        menus: any[],\r\n        parentChain: string[] = []\r\n      ): string[] | null => {\r\n        for (const menu of menus) {\r\n          // 找到目标项，返回完整链（包含自身 key）\r\n          if (menu.id === targetId) {\r\n            return [...parentChain, menu.key];\r\n          }\r\n\r\n          // 递归查找子菜单\r\n          if (menu.children?.length) {\r\n            const result = getFullParentChain(\r\n              targetId,\r\n              menu.children,\r\n              [...parentChain, menu.key] // 传递当前层级的 key\r\n            );\r\n            if (result) return result;\r\n          }\r\n        }\r\n        return null;\r\n      };\r\n\r\n      const onClick = ({\r\n        key,\r\n        keyPath,\r\n        item\r\n      }: {\r\n        item: { originItemValue: any };\r\n        key: string;\r\n        keyPath: string[];\r\n      }) => {\r\n        const rs = findMatchedMenuById(key, data.value);\r\n        if (\r\n          item.originItemValue?.isFrame &&\r\n          item.originItemValue?.isFrame === \"0\"\r\n        ) {\r\n          emit(\"onMenuClick\", item);\r\n        } else {\r\n          openKeys.value = keyPath;\r\n          selectedKeys.value = [rs.matchItem?.key];\r\n          if (rs.matchItem?.url !== route.path) {\r\n            // 判断目标路由和当前路由是否相等;\r\n            // 不相等的时候再跳转\r\n            router.push(rs.matchItem?.url).then(r => {\r\n              if (r) {\r\n                console.warn(r);\r\n              }\r\n            });\r\n          }\r\n        }\r\n      };\r\n\r\n      return {\r\n        openKeys,\r\n        selectedKeys,\r\n        data,\r\n        onClick\r\n      };\r\n    }\r\n\r\n    return () => (\r\n      <div class={menuWrapperStyle.value}>\r\n        <a-menu\r\n          v-model:open-keys={openKeys.value}\r\n          v-model:selected-keys={selectedKeys.value}\r\n          items={menuList.value}\r\n          mode=\"inline\"\r\n          triggerSubMenuAction={\"hover\"}\r\n          onClick={onClick}\r\n        ></a-menu>\r\n      </div>\r\n    );\r\n  }\r\n});\r\n"],"names":["defineComponent","name","emits","setup","_","emit","layout","modeConfig","storeToRefs","useAppStore","findMatchedMenuById","findMenuItemByUrl","useMenuCore","menuList","useNoStore","menuWrapperStyle","useStyle","openKeys","selectedKeys","onClick","useMenu","computed","css","value","mode","data","useMenuStore","route","useRoute","router","useRouter","watch","fullPath","path","flag","some","item","menuItem","rs","getFullParentChain","id","collapsed","key","val","parentItem","matchItem","targetId","menus","parentChain","menu","children","length","result","keyPath","originItemValue","isFrame","url","push","then","r","console","warn","_createVNode","_resolveComponent","$event"],"mappings":"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"}

package/dist/cjs/components/tab/Tab.vue2.cjs

@@ -74,18 +74,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const store$1 = store.useNavTabStore();
       const { list: list2, activeKey: activeKey2 } = pinia.storeToRefs(store$1);
       const { save, deleteTabs } = store$1;
-      vue.watch(
-        () => route.fullPath,
-        () => {
-          save(route);
-        },
-        {
-          immediate: true
-        }
-      );
       vue.watch(
         () => route.fullPath,
         (val) => {
+          save(route);
           activeKey2.value = val;
         },
         {
@@ -173,6 +165,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                             -1
                             /* HOISTED */
                           )),
+                          vue.createCommentVNode(`            <a-dropdown :trigger="['contextmenu']">`),
                           vue.createElementVNode(
                             "div",
                             _hoisted_2,
@@ -180,6 +173,25 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                             1
                             /* TEXT */
                           ),
+                          vue.createCommentVNode("              <template #overlay>"),
+                          vue.createCommentVNode("                <a-menu>"),
+                          vue.createCommentVNode('                  <a-menu-item key="1">'),
+                          vue.createCommentVNode("                    <ReloadOutlined />"),
+                          vue.createCommentVNode("                    \u91CD\u65B0\u52A0\u8F7D"),
+                          vue.createCommentVNode("                  </a-menu-item>"),
+                          vue.createCommentVNode('                  <a-menu-item key="2">'),
+                          vue.createCommentVNode("                    <CloseOutlined />"),
+                          vue.createCommentVNode("                    \u5173\u95ED\u5176\u4ED6"),
+                          vue.createCommentVNode("                  </a-menu-item>"),
+                          vue.createCommentVNode('                  <a-menu-item key="3"'),
+                          vue.createCommentVNode("                    >\u5173\u95ED\u53F3\u4FA7\u6807\u7B7E"),
+                          vue.createCommentVNode("                  </a-menu-item>"),
+                          vue.createCommentVNode('                  <a-menu-item key="3"'),
+                          vue.createCommentVNode("                    >\u5173\u95ED\u5DE6\u4FA7\u6807\u7B7E"),
+                          vue.createCommentVNode("                  </a-menu-item>"),
+                          vue.createCommentVNode("                </a-menu>"),
+                          vue.createCommentVNode("              </template>"),
+                          vue.createCommentVNode("            </a-dropdown>"),
                           vue.unref(closeBtnStatus)(item) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
                             vue.createElementVNode("div", {
                               class: vue.normalizeClass(["close-btn", vue.unref(closeBtnStyle)]),

package/dist/cjs/components/tab/Tab.vue2.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.vue2.cjs","sources":["../../../../src/components/tab/Tab.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, type ComputedRef, watch } from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { theme } from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport Search from \"./Search\";\r\nimport { CloseOutlined } from \"@ant-design/icons-vue\";\r\nimport {\r\n  type NavTabsState,\r\n  useNavTabStore\r\n} from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\nimport type { GlobalToken } from \"ant-design-vue/es/theme/interface\";\r\n\r\nconst { tabsNavStyle, tabHoverBgStyle, closeBtnStyle } =\r\n  useStyle();\r\n\r\nconst {\r\n  activeKey,\r\n  list,\r\n  closeBtnStatus,\r\n  onChange,\r\n  onClose\r\n} = useTab();\r\n\r\nfunction useStyle(): {\r\n  tabsNavStyle: ComputedRef<string>;\r\n  tabHoverBgStyle: ComputedRef<string>;\r\n  closeBtnStyle: ComputedRef<string>;\r\n} {\r\n  const { useToken } = theme;\r\n  const { token }: { token: ComputedRef<GlobalToken> } =\r\n    useToken();\r\n\r\n  const activeTabColor = computed(\r\n    () => token.value.colorBgLayout\r\n  );\r\n  const splitColor = computed(\r\n    () => token.value.colorBorderSecondary\r\n  );\r\n\r\n  const tabsNavStyle = computed(() => {\r\n    return css`\r\n      --active-tab-color: ${activeTabColor.value};\r\n      --splitColor: ${splitColor.value};\r\n      padding-top: 10px;\r\n      display: flex;\r\n    `;\r\n  });\r\n\r\n  const tabHoverBgStyle = computed(() => {\r\n    return css`\r\n      &:before {\r\n        background: ${token.value.colorPrimaryBgHover};\r\n      }\r\n    `;\r\n  });\r\n\r\n  const closeBtnStyle = computed(() => {\r\n    return css`\r\n      &:hover {\r\n        background: ${token.value.colorPrimaryBorderHover};\r\n        border-radius: 50%;\r\n      }\r\n    `;\r\n  });\r\n\r\n  return {\r\n    tabsNavStyle,\r\n    tabHoverBgStyle,\r\n    closeBtnStyle\r\n  };\r\n}\r\n\r\nfunction useTab() {\r\n  const route = useRoute();\r\n  const router = useRouter();\r\n\r\n  const store = useNavTabStore();\r\n  const { list, activeKey } = storeToRefs(store);\r\n  const { save, deleteTabs } = store;\r\n\r\n  watch(\r\n    () => route.fullPath,\r\n    () => {\r\n      save(route);\r\n    },\r\n    {\r\n      immediate: true\r\n    }\r\n  );\r\n\r\n  watch(\r\n    () => route.fullPath,\r\n    val => {\r\n      activeKey.value = val;\r\n    },\r\n    {\r\n      immediate: true\r\n    }\r\n  );\r\n\r\n  const onChange = (key: string) => {\r\n    if (key !== route.path) {\r\n      // 匹配打开的标签路由数据\r\n      const rs = list.value.filter(\r\n        item => item.fullPath === key\r\n      )[0];\r\n      router.push(rs);\r\n    }\r\n  };\r\n\r\n  const onClose = (\r\n    $event: Event,\r\n    key: string | undefined\r\n  ) => {\r\n    if (!key) return;\r\n    //阻止冒泡\r\n    $event.stopPropagation();\r\n    // 删除标签\r\n    deleteTabs(key);\r\n    // 重新push已打开的路由\r\n    const backRoute = list.value[list.value.length - 1];\r\n    if (backRoute.fullPath) {\r\n      router.push(backRoute.fullPath);\r\n    }\r\n  };\r\n\r\n  const closeBtnStatus = (item: NavTabsState) => {\r\n    // 如果meta有设置keepOpen则隐藏关闭按钮\r\n    if (item.meta?.keepOpen) {\r\n      return false;\r\n    } else {\r\n      // 如果只有一个标签，则隐藏关闭按钮\r\n      return list.value.length !== 1;\r\n    }\r\n  };\r\n\r\n  return {\r\n    activeKey,\r\n    list,\r\n    closeBtnStatus,\r\n    onChange,\r\n    onClose\r\n  };\r\n}\r\n</script>\r\n<template>\r\n  <div class=\"tabs-nav-wrapper\" :class=\"tabsNavStyle\">\r\n    <Search />\r\n    <div class=\"d-tabs-nav\">\r\n      <a-tabs\r\n        size=\"small\"\r\n        v-model:activeKey=\"activeKey\"\r\n        type=\"card\"\r\n        hide-add\r\n        @change=\"onChange\"\r\n      >\r\n        <a-tab-pane\r\n          :key=\"item.fullPath\"\r\n          :closable=\"false\"\r\n          v-for=\"item in list\"\r\n          :class=\"{ active: activeKey === item.fullPath }\"\r\n        >\r\n          <template #tab>\r\n            <div\r\n              class=\"tab-hover-bg\"\r\n              :class=\"tabHoverBgStyle\"\r\n            ></div>\r\n            <div class=\"tab-dividers\"></div>\r\n            <div class=\"tab-item\">\r\n              {{ item.meta?.title || \"无标题\" }}\r\n            </div>\r\n            <div\r\n              class=\"tab-close\"\r\n              v-if=\"closeBtnStatus(item)\"\r\n            >\r\n              <div\r\n                class=\"close-btn\"\r\n                :class=\"closeBtnStyle\"\r\n                @click=\"onClose($event, item.fullPath)\"\r\n              >\r\n                <CloseOutlined />\r\n              </div>\r\n            </div>\r\n          </template>\r\n        </a-tab-pane>\r\n      </a-tabs>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\"></style>\r\n"],"names":["theme","computed","tabsNavStyle","css","tabHoverBgStyle","closeBtnStyle","useRoute","useRouter","store","useNavTabStore","list","activeKey","storeToRefs","watch","onChange","onClose","closeBtnStatus"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAeA,IAAA,MAAM,EAAE,YAAA,EAAc,eAAiB,EAAA,aAAA,KACrC,QAAS,EAAA;AAEX,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,IAAA;AAAA,MACA,cAAA;AAAA,MACA,QAAA;AAAA,MACA;AAAA,QACE,MAAO,EAAA;AAEX,IAAA,SAAS,QAIP,GAAA;AACA,MAAM,MAAA,EAAE,UAAa,GAAAA,kBAAA;AACrB,MAAM,MAAA,EAAE,KAAM,EAAA,GACZ,QAAS,EAAA;AAEX,MAAA,MAAM,cAAiB,GAAAC,YAAA;AAAA,QACrB,MAAM,MAAM,KAAM,CAAA;AAAA,OACpB;AACA,MAAA,MAAM,UAAa,GAAAA,YAAA;AAAA,QACjB,MAAM,MAAM,KAAM,CAAA;AAAA,OACpB;AAEA,MAAMC,MAAAA,aAAAA,GAAeD,aAAS,MAAM;AAClC,QAAO,OAAAE,OAAA;AAAA,0BAAA,EACiB,eAAe,KAAK,CAAA;AAAA,oBAAA,EAC1B,WAAW,KAAK,CAAA;AAAA;AAAA;AAAA,IAAA,CAAA;AAAA,OAInC,CAAA;AAED,MAAMC,MAAAA,gBAAAA,GAAkBH,aAAS,MAAM;AACrC,QAAO,OAAAE,OAAA;AAAA;AAAA,oBAEW,EAAA,KAAA,CAAM,MAAM,mBAAmB,CAAA;AAAA;AAAA,IAAA,CAAA;AAAA,OAGlD,CAAA;AAED,MAAME,MAAAA,cAAAA,GAAgBJ,aAAS,MAAM;AACnC,QAAO,OAAAE,OAAA;AAAA;AAAA,oBAEW,EAAA,KAAA,CAAM,MAAM,uBAAuB,CAAA;AAAA;AAAA;AAAA,IAAA,CAAA;AAAA,OAItD,CAAA;AAED,MAAO,OAAA;AAAA,QACL,YAAAD,EAAAA,aAAAA;AAAA,QACA,eAAAE,EAAAA,gBAAAA;AAAA,QACA,aAAAC,EAAAA;AAAA,OACF;AAAA;AAGF,IAAA,SAAS,MAAS,GAAA;AAChB,MAAA,MAAM,QAAQC,kBAAS,EAAA;AACvB,MAAA,MAAM,SAASC,mBAAU,EAAA;AAEzB,MAAA,MAAMC,UAAQC,oBAAe,EAAA;AAC7B,MAAA,MAAM,EAAE,IAAAC,EAAAA,KAAAA,EAAM,WAAAC,UAAU,EAAA,GAAIC,kBAAYJ,OAAK,CAAA;AAC7C,MAAM,MAAA,EAAE,IAAM,EAAA,UAAA,EAAe,GAAAA,OAAA;AAE7B,MAAAK,SAAA;AAAA,QACE,MAAM,KAAM,CAAA,QAAA;AAAA,QACZ,MAAM;AACJ,UAAA,IAAA,CAAK,KAAK,CAAA;AAAA,SACZ;AAAA,QACA;AAAA,UACE,SAAW,EAAA;AAAA;AACb,OACF;AAEA,MAAAA,SAAA;AAAA,QACE,MAAM,KAAM,CAAA,QAAA;AAAA,QACZ,CAAO,GAAA,KAAA;AACL,UAAAF,WAAU,KAAQ,GAAA,GAAA;AAAA,SACpB;AAAA,QACA;AAAA,UACE,SAAW,EAAA;AAAA;AACb,OACF;AAEA,MAAMG,MAAAA,SAAAA,GAAW,CAAC,GAAgB,KAAA;AAChC,QAAI,IAAA,GAAA,KAAQ,MAAM,IAAM,EAAA;AAEtB,UAAM,MAAA,EAAA,GAAKJ,MAAK,KAAM,CAAA,MAAA;AAAA,YACpB,CAAA,IAAA,KAAQ,KAAK,QAAa,KAAA;AAAA,YAC1B,CAAC,CAAA;AACH,UAAA,MAAA,CAAO,KAAK,EAAE,CAAA;AAAA;AAChB,OACF;AAEA,MAAMK,MAAAA,QAAAA,GAAU,CACd,MAAA,EACA,GACG,KAAA;AACH,QAAA,IAAI,CAAC,GAAK,EAAA;AAEV,QAAA,MAAA,CAAO,eAAgB,EAAA;AAEvB,QAAA,UAAA,CAAW,GAAG,CAAA;AAEd,QAAA,MAAM,YAAYL,KAAK,CAAA,KAAA,CAAMA,KAAK,CAAA,KAAA,CAAM,SAAS,CAAC,CAAA;AAClD,QAAA,IAAI,UAAU,QAAU,EAAA;AACtB,UAAO,MAAA,CAAA,IAAA,CAAK,UAAU,QAAQ,CAAA;AAAA;AAChC,OACF;AAEA,MAAMM,MAAAA,eAAAA,GAAiB,CAAC,IAAuB,KAAA;;AAE7C,QAAI,IAAA,CAAA,EAAA,GAAA,IAAA,CAAK,IAAL,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAW,QAAU,EAAA;AACvB,UAAO,OAAA,KAAA;AAAA,SACF,MAAA;AAEL,UAAON,OAAAA,KAAAA,CAAK,MAAM,MAAW,KAAA,CAAA;AAAA;AAC/B,OACF;AAEA,MAAO,OAAA;AAAA,QACL,SAAAC,EAAAA,UAAAA;AAAA,QACA,IAAAD,EAAAA,KAAAA;AAAA,QACA,cAAAM,EAAAA,eAAAA;AAAA,QACA,QAAAF,EAAAA,SAAAA;AAAA,QACA,OAAAC,EAAAA;AAAA,OACF;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Tab.vue2.cjs","sources":["../../../../src/components/tab/Tab.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, type ComputedRef, watch } from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { theme } from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport Search from \"./Search\";\r\nimport {\r\n  CloseOutlined,\r\n  ReloadOutlined\r\n} from \"@ant-design/icons-vue\";\r\nimport {\r\n  type NavTabsState,\r\n  useNavTabStore\r\n} from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\nimport type { GlobalToken } from \"ant-design-vue/es/theme/interface\";\r\n\r\nconst { tabsNavStyle, tabHoverBgStyle, closeBtnStyle } =\r\n  useStyle();\r\n\r\nconst {\r\n  activeKey,\r\n  list,\r\n  closeBtnStatus,\r\n  onChange,\r\n  onClose\r\n} = useTab();\r\n\r\nfunction useStyle(): {\r\n  tabsNavStyle: ComputedRef<string>;\r\n  tabHoverBgStyle: ComputedRef<string>;\r\n  closeBtnStyle: ComputedRef<string>;\r\n} {\r\n  const { useToken } = theme;\r\n  const { token }: { token: ComputedRef<GlobalToken> } =\r\n    useToken();\r\n\r\n  const activeTabColor = computed(\r\n    () => token.value.colorBgLayout\r\n  );\r\n  const splitColor = computed(\r\n    () => token.value.colorBorderSecondary\r\n  );\r\n\r\n  const tabsNavStyle = computed(() => {\r\n    return css`\r\n      --active-tab-color: ${activeTabColor.value};\r\n      --splitColor: ${splitColor.value};\r\n      padding-top: 10px;\r\n      display: flex;\r\n    `;\r\n  });\r\n\r\n  const tabHoverBgStyle = computed(() => {\r\n    return css`\r\n      &:before {\r\n        background: ${token.value.colorPrimaryBgHover};\r\n      }\r\n    `;\r\n  });\r\n\r\n  const closeBtnStyle = computed(() => {\r\n    return css`\r\n      &:hover {\r\n        background: ${token.value.colorPrimaryBorderHover};\r\n        border-radius: 50%;\r\n      }\r\n    `;\r\n  });\r\n\r\n  return {\r\n    tabsNavStyle,\r\n    tabHoverBgStyle,\r\n    closeBtnStyle\r\n  };\r\n}\r\n\r\nfunction useTab() {\r\n  const route = useRoute();\r\n  const router = useRouter();\r\n\r\n  const store = useNavTabStore();\r\n  const { list, activeKey } = storeToRefs(store);\r\n  const { save, deleteTabs } = store;\r\n\r\n  watch(\r\n    () => route.fullPath,\r\n    val => {\r\n      save(route);\r\n      activeKey.value = val;\r\n    },\r\n    {\r\n      immediate: true\r\n    }\r\n  );\r\n\r\n  const onChange = (key: string) => {\r\n    if (key !== route.path) {\r\n      // 匹配打开的标签路由数据\r\n      const rs = list.value.filter(\r\n        item => item.fullPath === key\r\n      )[0];\r\n      router.push(rs);\r\n    }\r\n  };\r\n\r\n  const onClose = (\r\n    $event: Event,\r\n    key: string | undefined\r\n  ) => {\r\n    if (!key) return;\r\n    //阻止冒泡\r\n    $event.stopPropagation();\r\n    // 删除标签\r\n    deleteTabs(key);\r\n    // 重新push已打开的路由\r\n    const backRoute = list.value[list.value.length - 1];\r\n    if (backRoute.fullPath) {\r\n      router.push(backRoute.fullPath);\r\n    }\r\n  };\r\n\r\n  const closeBtnStatus = (item: NavTabsState) => {\r\n    // 如果meta有设置keepOpen则隐藏关闭按钮\r\n    if (item.meta?.keepOpen) {\r\n      return false;\r\n    } else {\r\n      // 如果只有一个标签，则隐藏关闭按钮\r\n      return list.value.length !== 1;\r\n    }\r\n  };\r\n\r\n  return {\r\n    activeKey,\r\n    list,\r\n    closeBtnStatus,\r\n    onChange,\r\n    onClose\r\n  };\r\n}\r\n</script>\r\n<template>\r\n  <div class=\"tabs-nav-wrapper\" :class=\"tabsNavStyle\">\r\n    <Search />\r\n    <div class=\"d-tabs-nav\">\r\n      <a-tabs\r\n        size=\"small\"\r\n        v-model:activeKey=\"activeKey\"\r\n        type=\"card\"\r\n        hide-add\r\n        @change=\"onChange\"\r\n      >\r\n        <a-tab-pane\r\n          :key=\"item.fullPath\"\r\n          :closable=\"false\"\r\n          v-for=\"item in list\"\r\n          :class=\"{ active: activeKey === item.fullPath }\"\r\n        >\r\n          <template #tab>\r\n            <div\r\n              class=\"tab-hover-bg\"\r\n              :class=\"tabHoverBgStyle\"\r\n            ></div>\r\n            <div class=\"tab-dividers\"></div>\r\n            <!--            <a-dropdown :trigger=\"['contextmenu']\">-->\r\n            <div class=\"tab-item\">\r\n              {{ item.meta?.title || \"无标题\" }}\r\n            </div>\r\n            <!--              <template #overlay>-->\r\n            <!--                <a-menu>-->\r\n            <!--                  <a-menu-item key=\"1\">-->\r\n            <!--                    <ReloadOutlined />-->\r\n            <!--                    重新加载-->\r\n            <!--                  </a-menu-item>-->\r\n            <!--                  <a-menu-item key=\"2\">-->\r\n            <!--                    <CloseOutlined />-->\r\n            <!--                    关闭其他-->\r\n            <!--                  </a-menu-item>-->\r\n            <!--                  <a-menu-item key=\"3\"-->\r\n            <!--                    >关闭右侧标签-->\r\n            <!--                  </a-menu-item>-->\r\n            <!--                  <a-menu-item key=\"3\"-->\r\n            <!--                    >关闭左侧标签-->\r\n            <!--                  </a-menu-item>-->\r\n            <!--                </a-menu>-->\r\n            <!--              </template>-->\r\n            <!--            </a-dropdown>-->\r\n\r\n            <div\r\n              class=\"tab-close\"\r\n              v-if=\"closeBtnStatus(item)\"\r\n            >\r\n              <div\r\n                class=\"close-btn\"\r\n                :class=\"closeBtnStyle\"\r\n                @click=\"onClose($event, item.fullPath)\"\r\n              >\r\n                <CloseOutlined />\r\n              </div>\r\n            </div>\r\n          </template>\r\n        </a-tab-pane>\r\n      </a-tabs>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\"></style>\r\n"],"names":["theme","computed","tabsNavStyle","css","tabHoverBgStyle","closeBtnStyle","useRoute","useRouter","store","useNavTabStore","list","activeKey","storeToRefs","watch","onChange","onClose","closeBtnStatus"],"mappings":"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"}

package/dist/esm/components/layout/Layout.vue2.mjs

@@ -136,7 +136,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_1, [
                     renderSlot(_ctx.$slots, "logo"),
-                    createVNode(unref(Menu), { onMenuChange: unref(onMenuClick) }, null, 8, ["onMenuChange"])
+                    createVNode(unref(Menu), { onOnMenuClick: unref(onMenuClick) }, null, 8, ["onOnMenuClick"])
                   ])
                 ]),
                 _: 3

package/dist/esm/components/layout/Layout.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.vue2.mjs","sources":["../../../../src/components/layout/Layout.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, provide, ref, watch } from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport DMenu from \"./components/menu/Menu\";\r\nimport SettingDrawer from \"./components/settings/SettingDrawer\";\r\nimport {\r\n  useAppStore,\r\n  useKeepAliveStore\r\n} from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nimport HeaderLayout from \"./components/layout/HeaderLayout.vue\";\r\nimport RouterContent from \"./components/layout/RouterContent.vue\";\r\n\r\nconst props = defineProps({\n  watermark: { type: Object, required: false, default: () => ({\r\n      content: \"\"\r\n    }) },\n  isSettings: { type: Boolean, required: false, default: true }\n});\r\nconst emits = defineEmits([\"onMenuClick\"]);\r\n\r\nconst { layout, modeConfig, sideTokenStyle } =\r\n  storeToRefs(useAppStore());\r\nconst route = useRoute();\r\nuseWatermark();\r\nconst { onMenuClick } = useMenu();\r\n\r\nconst {\r\n  layoutStyle,\r\n  siderStyle,\r\n  rightStyle,\r\n  rightContentStyle\r\n} = useStyle();\r\nuseKeepAlive();\r\n\r\nfunction useKeepAlive() {\r\n  // 保存需要被缓存的标签\r\n  const { save } = useKeepAliveStore();\r\n\r\n  watch(\r\n    () => route.path,\r\n    () => {\r\n      save(route);\r\n    },\r\n    {\r\n      immediate: true\r\n    }\r\n  );\r\n}\r\n\r\nfunction useWatermark() {\r\n  const watermarkContent = ref(\"\");\r\n  provide(\"watermarkContent\", watermarkContent);\r\n  // 监听 watermark 的变化\r\n  watch(\r\n    () => props.watermark,\r\n    val => {\r\n      watermarkContent.value = val.content || \"\";\r\n    },\r\n    { deep: true, immediate: true }\r\n  );\r\n}\r\n\r\nfunction useStyle() {\r\n  const layoutStyle = css`\r\n    height: 100vh;\r\n  `;\r\n\r\n  const transitionStyle = css`\r\n    transition: margin-left 0.4s\r\n      cubic-bezier(0.22, 1.2, 0.36, 1);\r\n  `;\r\n\r\n  const left = computed(\r\n    () =>\r\n      `${layout.value.collapsed ? layout.value.collapsedWidth : layout.value.sideWidth}px`\r\n  );\r\n\r\n  const siderStyle = computed(\r\n    () => css`\r\n      position: fixed !important;\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      z-index: 1;\r\n      width: ${layout.value.sideWidth}px;\r\n\r\n      .app-side {\r\n        height: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        ${modeConfig.value.mode === \"light\"\r\n          ? `background:${sideTokenStyle.value.bgColor};`\r\n          : \"\"}\r\n      }\r\n    `\r\n  );\r\n\r\n  const rightStyle = computed(\r\n    () => css`\r\n      margin-left: ${left.value};\r\n      ${transitionStyle}\r\n    `\r\n  );\r\n\r\n  const rightContentStyle = computed(\r\n    () => css`\r\n      padding-top: ${layout.value.headerHeight}px;\r\n    `\r\n  );\r\n\r\n  return {\r\n    layoutStyle,\r\n    siderStyle,\r\n    rightStyle,\r\n    rightContentStyle\r\n  };\r\n}\r\n\r\nfunction useMenu() {\r\n  const onMenuClick = (item: never) => {\r\n    emits(\"onMenuClick\", item);\r\n  };\r\n\r\n  return {\r\n    onMenuClick\r\n  };\r\n}\r\n</script>\r\n\r\n<template>\r\n  <a-layout :class=\"layoutStyle\">\r\n    <a-layout-sider\r\n      v-model:collapsed=\"layout.collapsed\"\r\n      theme=\"light\"\r\n      collapsible\r\n      :trigger=\"null\"\r\n      :class=\"siderStyle\"\r\n    >\r\n      <div class=\"app-side\">\r\n        <slot name=\"logo\"></slot>\r\n        <d-menu @menu-change=\"onMenuClick\" />\r\n      </div>\r\n    </a-layout-sider>\r\n    <a-layout :class=\"rightStyle\">\r\n      <header-layout>\r\n        <slot name=\"headerRight\"></slot>\r\n      </header-layout>\r\n      <a-layout-content :class=\"rightContentStyle\">\r\n        <RouterContent />\r\n      </a-layout-content>\r\n    </a-layout>\r\n  </a-layout>\r\n\r\n  <SettingDrawer v-if=\"isSettings\" />\r\n  <a-back-top></a-back-top>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["layoutStyle","siderStyle","rightStyle","rightContentStyle","onMenuClick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAMd,IAAA,MAAM,KAAQ,GAAA,MAAA;AAEd,IAAA,MAAM,EAAE,MAAQ,EAAA,UAAA,EAAY,gBAC1B,GAAA,WAAA,CAAY,aAAa,CAAA;AAC3B,IAAA,MAAM,QAAQ,QAAS,EAAA;AACvB,IAAa,YAAA,EAAA;AACb,IAAM,MAAA,EAAE,WAAY,EAAA,GAAI,OAAQ,EAAA;AAEhC,IAAM,MAAA;AAAA,MACJ,WAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA;AAAA,QACE,QAAS,EAAA;AACb,IAAa,YAAA,EAAA;AAEb,IAAA,SAAS,YAAe,GAAA;AAEtB,MAAM,MAAA,EAAE,IAAK,EAAA,GAAI,iBAAkB,EAAA;AAEnC,MAAA,KAAA;AAAA,QACE,MAAM,KAAM,CAAA,IAAA;AAAA,QACZ,MAAM;AACJ,UAAA,IAAA,CAAK,KAAK,CAAA;AAAA,SACZ;AAAA,QACA;AAAA,UACE,SAAW,EAAA;AAAA;AACb,OACF;AAAA;AAGF,IAAA,SAAS,YAAe,GAAA;AACtB,MAAM,MAAA,gBAAA,GAAmB,IAAI,EAAE,CAAA;AAC/B,MAAA,OAAA,CAAQ,oBAAoB,gBAAgB,CAAA;AAE5C,MAAA,KAAA;AAAA,QACE,MAAM,KAAM,CAAA,SAAA;AAAA,QACZ,CAAO,GAAA,KAAA;AACL,UAAiB,gBAAA,CAAA,KAAA,GAAQ,IAAI,OAAW,IAAA,EAAA;AAAA,SAC1C;AAAA,QACA,EAAE,IAAA,EAAM,IAAM,EAAA,SAAA,EAAW,IAAK;AAAA,OAChC;AAAA;AAGF,IAAA,SAAS,QAAW,GAAA;AAClB,MAAA,MAAMA,YAAc,GAAA,GAAA;AAAA;AAAA,EAAA,CAAA;AAIpB,MAAA,MAAM,eAAkB,GAAA,GAAA;AAAA;AAAA;AAAA,EAAA,CAAA;AAKxB,MAAA,MAAM,IAAO,GAAA,QAAA;AAAA,QACX,MACE,CAAG,EAAA,MAAA,CAAO,KAAM,CAAA,SAAA,GAAY,OAAO,KAAM,CAAA,cAAA,GAAiB,MAAO,CAAA,KAAA,CAAM,SAAS,CAAA,EAAA;AAAA,OACpF;AAEA,MAAA,MAAMC,WAAa,GAAA,QAAA;AAAA,QACjB,MAAM,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMK,EAAA,MAAA,CAAO,MAAM,SAAS,CAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,QAM3B,EAAA,UAAA,CAAW,MAAM,IAAS,KAAA,OAAA,GACxB,cAAc,cAAe,CAAA,KAAA,CAAM,OAAO,CAAA,CAAA,CAAA,GAC1C,EAAE;AAAA;AAAA,IAAA;AAAA,OAGZ;AAEA,MAAA,MAAMC,WAAa,GAAA,QAAA;AAAA,QACjB,MAAM,GAAA;AAAA,mBAAA,EACW,KAAK,KAAK,CAAA;AAAA,MAAA,EACvB,eAAe;AAAA,IAAA;AAAA,OAErB;AAEA,MAAA,MAAMC,kBAAoB,GAAA,QAAA;AAAA,QACxB,MAAM,GAAA;AAAA,mBACW,EAAA,MAAA,CAAO,MAAM,YAAY,CAAA;AAAA,IAAA;AAAA,OAE5C;AAEA,MAAO,OAAA;AAAA,QACL,WAAAH,EAAAA,YAAAA;AAAA,QACA,UAAAC,EAAAA,WAAAA;AAAA,QACA,UAAAC,EAAAA,WAAAA;AAAA,QACA,iBAAAC,EAAAA;AAAA,OACF;AAAA;AAGF,IAAA,SAAS,OAAU,GAAA;AACjB,MAAMC,MAAAA,YAAAA,GAAc,CAAC,IAAgB,KAAA;AACnC,QAAA,KAAA,CAAM,eAAe,IAAI,CAAA;AAAA,OAC3B;AAEA,MAAO,OAAA;AAAA,QACL,WAAAA,EAAAA;AAAA,OACF;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Layout.vue2.mjs","sources":["../../../../src/components/layout/Layout.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, provide, ref, watch } from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport DMenu from \"./components/menu/Menu\";\r\nimport SettingDrawer from \"./components/settings/SettingDrawer\";\r\nimport {\r\n  useAppStore,\r\n  useKeepAliveStore\r\n} from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nimport HeaderLayout from \"./components/layout/HeaderLayout.vue\";\r\nimport RouterContent from \"./components/layout/RouterContent.vue\";\r\n\r\nconst props = defineProps({\n  watermark: { type: Object, required: false, default: () => ({\r\n      content: \"\"\r\n    }) },\n  isSettings: { type: Boolean, required: false, default: true }\n});\r\nconst emits = defineEmits([\"onMenuClick\"]);\r\n\r\nconst { layout, modeConfig, sideTokenStyle } =\r\n  storeToRefs(useAppStore());\r\nconst route = useRoute();\r\nuseWatermark();\r\nconst { onMenuClick } = useMenu();\r\n\r\nconst {\r\n  layoutStyle,\r\n  siderStyle,\r\n  rightStyle,\r\n  rightContentStyle\r\n} = useStyle();\r\nuseKeepAlive();\r\n\r\nfunction useKeepAlive() {\r\n  // 保存需要被缓存的标签\r\n  const { save } = useKeepAliveStore();\r\n\r\n  watch(\r\n    () => route.path,\r\n    () => {\r\n      save(route);\r\n    },\r\n    {\r\n      immediate: true\r\n    }\r\n  );\r\n}\r\n\r\nfunction useWatermark() {\r\n  const watermarkContent = ref(\"\");\r\n  provide(\"watermarkContent\", watermarkContent);\r\n  // 监听 watermark 的变化\r\n  watch(\r\n    () => props.watermark,\r\n    val => {\r\n      watermarkContent.value = val.content || \"\";\r\n    },\r\n    { deep: true, immediate: true }\r\n  );\r\n}\r\n\r\nfunction useStyle() {\r\n  const layoutStyle = css`\r\n    height: 100vh;\r\n  `;\r\n\r\n  const transitionStyle = css`\r\n    transition: margin-left 0.4s\r\n      cubic-bezier(0.22, 1.2, 0.36, 1);\r\n  `;\r\n\r\n  const left = computed(\r\n    () =>\r\n      `${layout.value.collapsed ? layout.value.collapsedWidth : layout.value.sideWidth}px`\r\n  );\r\n\r\n  const siderStyle = computed(\r\n    () => css`\r\n      position: fixed !important;\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      z-index: 1;\r\n      width: ${layout.value.sideWidth}px;\r\n\r\n      .app-side {\r\n        height: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        ${modeConfig.value.mode === \"light\"\r\n          ? `background:${sideTokenStyle.value.bgColor};`\r\n          : \"\"}\r\n      }\r\n    `\r\n  );\r\n\r\n  const rightStyle = computed(\r\n    () => css`\r\n      margin-left: ${left.value};\r\n      ${transitionStyle}\r\n    `\r\n  );\r\n\r\n  const rightContentStyle = computed(\r\n    () => css`\r\n      padding-top: ${layout.value.headerHeight}px;\r\n    `\r\n  );\r\n\r\n  return {\r\n    layoutStyle,\r\n    siderStyle,\r\n    rightStyle,\r\n    rightContentStyle\r\n  };\r\n}\r\n\r\nfunction useMenu() {\r\n  const onMenuClick = (item: never) => {\r\n    emits(\"onMenuClick\", item);\r\n  };\r\n\r\n  return {\r\n    onMenuClick\r\n  };\r\n}\r\n</script>\r\n\r\n<template>\r\n  <a-layout :class=\"layoutStyle\">\r\n    <a-layout-sider\r\n      v-model:collapsed=\"layout.collapsed\"\r\n      theme=\"light\"\r\n      collapsible\r\n      :trigger=\"null\"\r\n      :class=\"siderStyle\"\r\n    >\r\n      <div class=\"app-side\">\r\n        <slot name=\"logo\"></slot>\r\n        <d-menu @onMenuClick=\"onMenuClick\" />\r\n      </div>\r\n    </a-layout-sider>\r\n    <a-layout :class=\"rightStyle\">\r\n      <header-layout>\r\n        <slot name=\"headerRight\"></slot>\r\n      </header-layout>\r\n      <a-layout-content :class=\"rightContentStyle\">\r\n        <RouterContent />\r\n      </a-layout-content>\r\n    </a-layout>\r\n  </a-layout>\r\n\r\n  <SettingDrawer v-if=\"isSettings\" />\r\n  <a-back-top></a-back-top>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["layoutStyle","siderStyle","rightStyle","rightContentStyle","onMenuClick"],"mappings":"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"}

package/dist/esm/components/layout/components/menu/Menu.mjs

@@ -84,17 +84,12 @@ var Menu = /* @__PURE__ */ defineComponent({
       watch(() => route.fullPath, (path) => __async(this, null, function* () {
         const flag = selectedKeys2.value.some((item) => item === path);
         if (!flag) {
-          const rs = _findMatchedMenuKey(path, data.value);
-          if (rs) {
-            let matchItem = null;
-            if (rs.matchedUrl) {
-              matchItem = findMenuItemByUrl(rs.matchedUrl, data.value);
-            }
-            if (!layout.value.collapsed) {
-              openKeys2.value = [matchItem == null ? void 0 : matchItem.parentId];
-            }
-            selectedKeys2.value = [matchItem == null ? void 0 : matchItem.id];
+          const menuItem = findMenuItemByUrl(path, data.value);
+          const rs = getFullParentChain(menuItem.id, data.value);
+          if (!layout.value.collapsed) {
+            openKeys2.value = rs;
           }
+          selectedKeys2.value = [menuItem.key];
         }
       }));
       watch(() => layout.value.collapsed, (val) => {
@@ -110,31 +105,20 @@ var Menu = /* @__PURE__ */ defineComponent({
           }
         }
       });
-      const _findMatchedMenuKey = (path, menuItems, parentUrl = "") => {
-        for (const item of menuItems) {
-          if (item.url === path) {
-            return {
-              matchedUrl: item.url,
-              parentUrl
-            };
-          }
-          if (item.children && item.children.length > 0) {
-            const result = _findMatchedMenuKey(path, item.children, item.url);
-            if (result) {
-              return result;
-            }
+      const getFullParentChain = (targetId, menus, parentChain = []) => {
+        var _a;
+        for (const menu of menus) {
+          if (menu.id === targetId) {
+            return [...parentChain, menu.key];
           }
-          if (path.startsWith(item.url)) {
-            if (!item.children || item.children.length === 0) {
-              return {
-                matchedUrl: item.url,
-                parentUrl
-              };
-            }
-            const result = _findMatchedMenuKey(path, item.children, item.url);
-            if (result) {
-              return result;
-            }
+          if ((_a = menu.children) == null ? void 0 : _a.length) {
+            const result = getFullParentChain(
+              targetId,
+              menu.children,
+              [...parentChain, menu.key]
+              // 传递当前层级的 key
+            );
+            if (result) return result;
           }
         }
         return null;
@@ -144,15 +128,15 @@ var Menu = /* @__PURE__ */ defineComponent({
         keyPath,
         item
       }) => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e;
         const rs = findMatchedMenuById(key, data.value);
-        if (item.isFrame && item.isFrame === "0") {
+        if (((_a = item.originItemValue) == null ? void 0 : _a.isFrame) && ((_b = item.originItemValue) == null ? void 0 : _b.isFrame) === "0") {
           emit("onMenuClick", item);
         } else {
           openKeys2.value = keyPath;
-          selectedKeys2.value = [(_a = rs.matchItem) == null ? void 0 : _a.key];
-          if (((_b = rs.matchItem) == null ? void 0 : _b.url) !== route.path) {
-            router.push((_c = rs.matchItem) == null ? void 0 : _c.url).then((r) => {
+          selectedKeys2.value = [(_c = rs.matchItem) == null ? void 0 : _c.key];
+          if (((_d = rs.matchItem) == null ? void 0 : _d.url) !== route.path) {
+            router.push((_e = rs.matchItem) == null ? void 0 : _e.url).then((r) => {
               if (r) {
                 console.warn(r);
               }

package/dist/esm/components/layout/components/menu/Menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.mjs","sources":["../../../../../../src/components/layout/components/menu/Menu.tsx"],"sourcesContent":["import { computed, defineComponent, watch } from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport {\r\n  useAppStore,\r\n  useMenuStore,\r\n  useNoStore\r\n} from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nimport useMenuCore from \"../../../../utils/useMenuCore\";\r\n\r\nexport default defineComponent({\r\n  name: \"DMenu\",\r\n  emits: [\"onMenuClick\"],\r\n  setup(_, { emit }) {\r\n    const { layout, modeConfig } =\r\n      storeToRefs(useAppStore());\r\n    const { findMatchedMenuById, findMenuItemByUrl } =\r\n      useMenuCore();\r\n    const { menuList } = storeToRefs(useNoStore());\r\n    const { menuWrapperStyle } = useStyle();\r\n    const { openKeys, selectedKeys, onClick } = useMenu();\r\n\r\n    function useStyle() {\r\n      const menuWrapperStyle = computed(\r\n        () => css`\r\n          flex: 1;\r\n          overflow: hidden;\r\n\r\n          .ant-menu {\r\n            height: 100%;\r\n            overflow: scroll;\r\n            -ms-overflow-style: none; /* 对 IE 和 Edge 生效 */\r\n            scrollbar-width: none; /* 对 Firefox 生效 */\r\n\r\n            ${modeConfig.value.mode === \"light\"\r\n              ? \"background:transparent;\"\r\n              : \"\"}\r\n            /* Webkit 浏览器 */\r\n                ::-webkit-scrollbar {\r\n              display: none;\r\n            }\r\n          }\r\n        `\r\n      );\r\n      return {\r\n        menuWrapperStyle\r\n      };\r\n    }\r\n\r\n    function useMenu() {\r\n      const { openKeys, selectedKeys, data } =\r\n        storeToRefs(useMenuStore());\r\n      const route = useRoute();\r\n      const router = useRouter();\r\n\r\n      /**\r\n       * 在标签切换的时候，路由会变化，需要动态关联左侧菜单的选中状态\r\n       */\r\n      watch(\r\n        () => route.fullPath,\r\n        async path => {\r\n          const flag = selectedKeys.value.some(\r\n            (item: string) => item === path\r\n          );\r\n          if (!flag) {\r\n            const rs = _findMatchedMenuKey(\r\n              path,\r\n              data.value as never\r\n            );\r\n            if (rs) {\r\n              let matchItem = null;\r\n              if (rs.matchedUrl) {\r\n                matchItem = findMenuItemByUrl(\r\n                  rs.matchedUrl,\r\n                  data.value as never\r\n                );\r\n              }\r\n\r\n              if (!layout.value.collapsed) {\r\n                openKeys.value = [matchItem?.parentId];\r\n              }\r\n              selectedKeys.value = [matchItem?.id];\r\n            }\r\n          }\r\n        }\r\n      );\r\n\r\n      watch(\r\n        () => layout.value.collapsed,\r\n        val => {\r\n          const id = selectedKeys.value[0];\r\n          const rs = findMatchedMenuById(\r\n            id,\r\n            data.value as never\r\n          );\r\n\r\n          if (val) {\r\n            openKeys.value = [];\r\n          } else {\r\n            if (rs?.parentItem) {\r\n              openKeys.value = [rs.parentItem.key];\r\n            } else {\r\n              openKeys.value = [rs!.matchItem.key];\r\n            }\r\n          }\r\n        }\r\n      );\r\n\r\n      const _findMatchedMenuKey = (\r\n        path: string,\r\n        menuItems: any[],\r\n        parentUrl: string = \"\"\r\n      ): {\r\n        matchedUrl: string;\r\n        parentUrl: string;\r\n      } | null => {\r\n        // 遍历菜单项\r\n        for (const item of menuItems) {\r\n          // 完全匹配\r\n          if (item.url === path) {\r\n            return { matchedUrl: item.url, parentUrl };\r\n          }\r\n\r\n          // 如果当前菜单项有 children，递归查找\r\n          if (item.children && item.children.length > 0) {\r\n            const result = _findMatchedMenuKey(\r\n              path,\r\n              item.children,\r\n              item.url\r\n            );\r\n            if (result) {\r\n              return result;\r\n            }\r\n          }\r\n\r\n          // 匹配路径前缀（确保只匹配最深层的菜单项）\r\n          if (path.startsWith(item.url)) {\r\n            // 如果路径以该菜单项的 key 开头，且该菜单项没有子菜单，直接返回匹配的菜单\r\n            if (\r\n              !item.children ||\r\n              item.children.length === 0\r\n            ) {\r\n              return { matchedUrl: item.url, parentUrl };\r\n            }\r\n            // 如果是父菜单且有子菜单，继续递归寻找匹配的子菜单\r\n            const result = _findMatchedMenuKey(\r\n              path,\r\n              item.children,\r\n              item.url\r\n            );\r\n            if (result) {\r\n              return result;\r\n            }\r\n          }\r\n        }\r\n\r\n        // 如果没有找到匹配的菜单项，返回 null\r\n        return null;\r\n      };\r\n\r\n      const onClick = ({\r\n        key,\r\n        keyPath,\r\n        item\r\n      }: {\r\n        item: { isFrame: string };\r\n        key: string;\r\n        keyPath: string[];\r\n      }) => {\r\n        const rs = findMatchedMenuById(key, data.value);\r\n        if (item.isFrame && item.isFrame === \"0\") {\r\n          emit(\"onMenuClick\", item);\r\n        } else {\r\n          openKeys.value = keyPath;\r\n          selectedKeys.value = [rs.matchItem?.key];\r\n          if (rs.matchItem?.url !== route.path) {\r\n            // 判断目标路由和当前路由是否相等;\r\n            // 不相等的时候再跳转\r\n            router.push(rs.matchItem?.url).then(r => {\r\n              if (r) {\r\n                console.warn(r);\r\n              }\r\n            });\r\n          }\r\n        }\r\n      };\r\n\r\n      return {\r\n        openKeys,\r\n        selectedKeys,\r\n        data,\r\n        onClick\r\n      };\r\n    }\r\n\r\n    return () => (\r\n      <div class={menuWrapperStyle.value}>\r\n        <a-menu\r\n          v-model:open-keys={openKeys.value}\r\n          v-model:selected-keys={selectedKeys.value}\r\n          items={menuList.value}\r\n          mode=\"inline\"\r\n          triggerSubMenuAction={\"hover\"}\r\n          onClick={onClick}\r\n        ></a-menu>\r\n      </div>\r\n    );\r\n  }\r\n});\r\n"],"names":["name","emits","setup","_","emit","layout","modeConfig","storeToRefs","useAppStore","findMatchedMenuById","findMenuItemByUrl","useMenuCore","menuList","useNoStore","menuWrapperStyle","useStyle","openKeys","selectedKeys","onClick","useMenu","computed","css","value","mode","data","useMenuStore","route","useRoute","router","useRouter","watch","fullPath","path","flag","some","item","rs","_findMatchedMenuKey","matchItem","matchedUrl","collapsed","parentId","id","val","parentItem","key","menuItems","parentUrl","url","children","length","result","startsWith","keyPath","isFrame","push","then","r","console","warn","_createVNode","_resolveComponent","$event"],"mappings":"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"}
+{"version":3,"file":"Menu.mjs","sources":["../../../../../../src/components/layout/components/menu/Menu.tsx"],"sourcesContent":["import { computed, defineComponent, watch } from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport {\r\n  useAppStore,\r\n  useMenuStore,\r\n  useNoStore\r\n} from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nimport useMenuCore from \"../../../../utils/useMenuCore\";\r\n\r\nexport default defineComponent({\r\n  name: \"DMenu\",\r\n  emits: [\"onMenuClick\"],\r\n  setup(_, { emit }) {\r\n    const { layout, modeConfig } =\r\n      storeToRefs(useAppStore());\r\n    const { findMatchedMenuById, findMenuItemByUrl } =\r\n      useMenuCore();\r\n    const { menuList } = storeToRefs(useNoStore());\r\n    const { menuWrapperStyle } = useStyle();\r\n    const { openKeys, selectedKeys, onClick } = useMenu();\r\n\r\n    function useStyle() {\r\n      const menuWrapperStyle = computed(\r\n        () => css`\r\n          flex: 1;\r\n          overflow: hidden;\r\n\r\n          .ant-menu {\r\n            height: 100%;\r\n            overflow: scroll;\r\n            -ms-overflow-style: none; /* 对 IE 和 Edge 生效 */\r\n            scrollbar-width: none; /* 对 Firefox 生效 */\r\n\r\n            ${modeConfig.value.mode === \"light\"\r\n              ? \"background:transparent;\"\r\n              : \"\"}\r\n            /* Webkit 浏览器 */\r\n                ::-webkit-scrollbar {\r\n              display: none;\r\n            }\r\n          }\r\n        `\r\n      );\r\n      return {\r\n        menuWrapperStyle\r\n      };\r\n    }\r\n\r\n    function useMenu() {\r\n      const { openKeys, selectedKeys, data } =\r\n        storeToRefs(useMenuStore());\r\n      const route = useRoute();\r\n      const router = useRouter();\r\n\r\n      /**\r\n       * 在标签切换的时候，路由会变化，需要动态关联左侧菜单的选中状态\r\n       */\r\n      watch(\r\n        () => route.fullPath,\r\n        async path => {\r\n          const flag = selectedKeys.value.some(\r\n            (item: string) => item === path\r\n          );\r\n          if (!flag) {\r\n            const menuItem = findMenuItemByUrl(\r\n              path,\r\n              data.value\r\n            );\r\n            const rs = getFullParentChain(\r\n              menuItem.id,\r\n              data.value as never\r\n            );\r\n            if (!layout.value.collapsed) {\r\n              openKeys.value = rs!;\r\n            }\r\n            selectedKeys.value = [menuItem.key];\r\n          }\r\n        }\r\n      );\r\n\r\n      watch(\r\n        () => layout.value.collapsed,\r\n        val => {\r\n          const id = selectedKeys.value[0];\r\n          const rs = findMatchedMenuById(\r\n            id,\r\n            data.value as never\r\n          );\r\n\r\n          if (val) {\r\n            openKeys.value = [];\r\n          } else {\r\n            if (rs?.parentItem) {\r\n              openKeys.value = [rs.parentItem.key];\r\n            } else {\r\n              openKeys.value = [rs!.matchItem.key];\r\n            }\r\n          }\r\n        }\r\n      );\r\n\r\n      /**\r\n       * 获取从根到目标菜单项的完整 key 链\r\n       * @param targetId 目标菜单项 id\r\n       * @param menus 菜单数据\r\n       * @param parentChain 递归传递的父级链\r\n       */\r\n      const getFullParentChain = (\r\n        targetId: string,\r\n        menus: any[],\r\n        parentChain: string[] = []\r\n      ): string[] | null => {\r\n        for (const menu of menus) {\r\n          // 找到目标项，返回完整链（包含自身 key）\r\n          if (menu.id === targetId) {\r\n            return [...parentChain, menu.key];\r\n          }\r\n\r\n          // 递归查找子菜单\r\n          if (menu.children?.length) {\r\n            const result = getFullParentChain(\r\n              targetId,\r\n              menu.children,\r\n              [...parentChain, menu.key] // 传递当前层级的 key\r\n            );\r\n            if (result) return result;\r\n          }\r\n        }\r\n        return null;\r\n      };\r\n\r\n      const onClick = ({\r\n        key,\r\n        keyPath,\r\n        item\r\n      }: {\r\n        item: { originItemValue: any };\r\n        key: string;\r\n        keyPath: string[];\r\n      }) => {\r\n        const rs = findMatchedMenuById(key, data.value);\r\n        if (\r\n          item.originItemValue?.isFrame &&\r\n          item.originItemValue?.isFrame === \"0\"\r\n        ) {\r\n          emit(\"onMenuClick\", item);\r\n        } else {\r\n          openKeys.value = keyPath;\r\n          selectedKeys.value = [rs.matchItem?.key];\r\n          if (rs.matchItem?.url !== route.path) {\r\n            // 判断目标路由和当前路由是否相等;\r\n            // 不相等的时候再跳转\r\n            router.push(rs.matchItem?.url).then(r => {\r\n              if (r) {\r\n                console.warn(r);\r\n              }\r\n            });\r\n          }\r\n        }\r\n      };\r\n\r\n      return {\r\n        openKeys,\r\n        selectedKeys,\r\n        data,\r\n        onClick\r\n      };\r\n    }\r\n\r\n    return () => (\r\n      <div class={menuWrapperStyle.value}>\r\n        <a-menu\r\n          v-model:open-keys={openKeys.value}\r\n          v-model:selected-keys={selectedKeys.value}\r\n          items={menuList.value}\r\n          mode=\"inline\"\r\n          triggerSubMenuAction={\"hover\"}\r\n          onClick={onClick}\r\n        ></a-menu>\r\n      </div>\r\n    );\r\n  }\r\n});\r\n"],"names":["name","emits","setup","_","emit","layout","modeConfig","storeToRefs","useAppStore","findMatchedMenuById","findMenuItemByUrl","useMenuCore","menuList","useNoStore","menuWrapperStyle","useStyle","openKeys","selectedKeys","onClick","useMenu","computed","css","value","mode","data","useMenuStore","route","useRoute","router","useRouter","watch","fullPath","path","flag","some","item","menuItem","rs","getFullParentChain","id","collapsed","key","val","parentItem","matchItem","targetId","menus","parentChain","menu","children","length","result","keyPath","originItemValue","isFrame","url","push","then","r","console","warn","_createVNode","_resolveComponent","$event"],"mappings":"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"}

package/dist/esm/components/tab/Tab.vue2.mjs

@@ -70,18 +70,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       const store = useNavTabStore();
       const { list: list2, activeKey: activeKey2 } = storeToRefs(store);
       const { save, deleteTabs } = store;
-      watch(
-        () => route.fullPath,
-        () => {
-          save(route);
-        },
-        {
-          immediate: true
-        }
-      );
       watch(
         () => route.fullPath,
         (val) => {
+          save(route);
           activeKey2.value = val;
         },
         {
@@ -169,6 +161,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                             -1
                             /* HOISTED */
                           )),
+                          createCommentVNode(`            <a-dropdown :trigger="['contextmenu']">`),
                           createElementVNode(
                             "div",
                             _hoisted_2,
@@ -176,6 +169,25 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                             1
                             /* TEXT */
                           ),
+                          createCommentVNode("              <template #overlay>"),
+                          createCommentVNode("                <a-menu>"),
+                          createCommentVNode('                  <a-menu-item key="1">'),
+                          createCommentVNode("                    <ReloadOutlined />"),
+                          createCommentVNode("                    \u91CD\u65B0\u52A0\u8F7D"),
+                          createCommentVNode("                  </a-menu-item>"),
+                          createCommentVNode('                  <a-menu-item key="2">'),
+                          createCommentVNode("                    <CloseOutlined />"),
+                          createCommentVNode("                    \u5173\u95ED\u5176\u4ED6"),
+                          createCommentVNode("                  </a-menu-item>"),
+                          createCommentVNode('                  <a-menu-item key="3"'),
+                          createCommentVNode("                    >\u5173\u95ED\u53F3\u4FA7\u6807\u7B7E"),
+                          createCommentVNode("                  </a-menu-item>"),
+                          createCommentVNode('                  <a-menu-item key="3"'),
+                          createCommentVNode("                    >\u5173\u95ED\u5DE6\u4FA7\u6807\u7B7E"),
+                          createCommentVNode("                  </a-menu-item>"),
+                          createCommentVNode("                </a-menu>"),
+                          createCommentVNode("              </template>"),
+                          createCommentVNode("            </a-dropdown>"),
                           unref(closeBtnStatus)(item) ? (openBlock(), createElementBlock("div", _hoisted_3, [
                             createElementVNode("div", {
                               class: normalizeClass(["close-btn", unref(closeBtnStyle)]),

package/dist/esm/components/tab/Tab.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.vue2.mjs","sources":["../../../../src/components/tab/Tab.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, type ComputedRef, watch } from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { theme } from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport Search from \"./Search\";\r\nimport { CloseOutlined } from \"@ant-design/icons-vue\";\r\nimport {\r\n  type NavTabsState,\r\n  useNavTabStore\r\n} from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\nimport type { GlobalToken } from \"ant-design-vue/es/theme/interface\";\r\n\r\nconst { tabsNavStyle, tabHoverBgStyle, closeBtnStyle } =\r\n  useStyle();\r\n\r\nconst {\r\n  activeKey,\r\n  list,\r\n  closeBtnStatus,\r\n  onChange,\r\n  onClose\r\n} = useTab();\r\n\r\nfunction useStyle(): {\r\n  tabsNavStyle: ComputedRef<string>;\r\n  tabHoverBgStyle: ComputedRef<string>;\r\n  closeBtnStyle: ComputedRef<string>;\r\n} {\r\n  const { useToken } = theme;\r\n  const { token }: { token: ComputedRef<GlobalToken> } =\r\n    useToken();\r\n\r\n  const activeTabColor = computed(\r\n    () => token.value.colorBgLayout\r\n  );\r\n  const splitColor = computed(\r\n    () => token.value.colorBorderSecondary\r\n  );\r\n\r\n  const tabsNavStyle = computed(() => {\r\n    return css`\r\n      --active-tab-color: ${activeTabColor.value};\r\n      --splitColor: ${splitColor.value};\r\n      padding-top: 10px;\r\n      display: flex;\r\n    `;\r\n  });\r\n\r\n  const tabHoverBgStyle = computed(() => {\r\n    return css`\r\n      &:before {\r\n        background: ${token.value.colorPrimaryBgHover};\r\n      }\r\n    `;\r\n  });\r\n\r\n  const closeBtnStyle = computed(() => {\r\n    return css`\r\n      &:hover {\r\n        background: ${token.value.colorPrimaryBorderHover};\r\n        border-radius: 50%;\r\n      }\r\n    `;\r\n  });\r\n\r\n  return {\r\n    tabsNavStyle,\r\n    tabHoverBgStyle,\r\n    closeBtnStyle\r\n  };\r\n}\r\n\r\nfunction useTab() {\r\n  const route = useRoute();\r\n  const router = useRouter();\r\n\r\n  const store = useNavTabStore();\r\n  const { list, activeKey } = storeToRefs(store);\r\n  const { save, deleteTabs } = store;\r\n\r\n  watch(\r\n    () => route.fullPath,\r\n    () => {\r\n      save(route);\r\n    },\r\n    {\r\n      immediate: true\r\n    }\r\n  );\r\n\r\n  watch(\r\n    () => route.fullPath,\r\n    val => {\r\n      activeKey.value = val;\r\n    },\r\n    {\r\n      immediate: true\r\n    }\r\n  );\r\n\r\n  const onChange = (key: string) => {\r\n    if (key !== route.path) {\r\n      // 匹配打开的标签路由数据\r\n      const rs = list.value.filter(\r\n        item => item.fullPath === key\r\n      )[0];\r\n      router.push(rs);\r\n    }\r\n  };\r\n\r\n  const onClose = (\r\n    $event: Event,\r\n    key: string | undefined\r\n  ) => {\r\n    if (!key) return;\r\n    //阻止冒泡\r\n    $event.stopPropagation();\r\n    // 删除标签\r\n    deleteTabs(key);\r\n    // 重新push已打开的路由\r\n    const backRoute = list.value[list.value.length - 1];\r\n    if (backRoute.fullPath) {\r\n      router.push(backRoute.fullPath);\r\n    }\r\n  };\r\n\r\n  const closeBtnStatus = (item: NavTabsState) => {\r\n    // 如果meta有设置keepOpen则隐藏关闭按钮\r\n    if (item.meta?.keepOpen) {\r\n      return false;\r\n    } else {\r\n      // 如果只有一个标签，则隐藏关闭按钮\r\n      return list.value.length !== 1;\r\n    }\r\n  };\r\n\r\n  return {\r\n    activeKey,\r\n    list,\r\n    closeBtnStatus,\r\n    onChange,\r\n    onClose\r\n  };\r\n}\r\n</script>\r\n<template>\r\n  <div class=\"tabs-nav-wrapper\" :class=\"tabsNavStyle\">\r\n    <Search />\r\n    <div class=\"d-tabs-nav\">\r\n      <a-tabs\r\n        size=\"small\"\r\n        v-model:activeKey=\"activeKey\"\r\n        type=\"card\"\r\n        hide-add\r\n        @change=\"onChange\"\r\n      >\r\n        <a-tab-pane\r\n          :key=\"item.fullPath\"\r\n          :closable=\"false\"\r\n          v-for=\"item in list\"\r\n          :class=\"{ active: activeKey === item.fullPath }\"\r\n        >\r\n          <template #tab>\r\n            <div\r\n              class=\"tab-hover-bg\"\r\n              :class=\"tabHoverBgStyle\"\r\n            ></div>\r\n            <div class=\"tab-dividers\"></div>\r\n            <div class=\"tab-item\">\r\n              {{ item.meta?.title || \"无标题\" }}\r\n            </div>\r\n            <div\r\n              class=\"tab-close\"\r\n              v-if=\"closeBtnStatus(item)\"\r\n            >\r\n              <div\r\n                class=\"close-btn\"\r\n                :class=\"closeBtnStyle\"\r\n                @click=\"onClose($event, item.fullPath)\"\r\n              >\r\n                <CloseOutlined />\r\n              </div>\r\n            </div>\r\n          </template>\r\n        </a-tab-pane>\r\n      </a-tabs>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\"></style>\r\n"],"names":["tabsNavStyle","tabHoverBgStyle","closeBtnStyle","list","activeKey","onChange","onClose","closeBtnStatus"],"mappings":"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"}
+{"version":3,"file":"Tab.vue2.mjs","sources":["../../../../src/components/tab/Tab.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, type ComputedRef, watch } from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { theme } from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport Search from \"./Search\";\r\nimport {\r\n  CloseOutlined,\r\n  ReloadOutlined\r\n} from \"@ant-design/icons-vue\";\r\nimport {\r\n  type NavTabsState,\r\n  useNavTabStore\r\n} from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\nimport type { GlobalToken } from \"ant-design-vue/es/theme/interface\";\r\n\r\nconst { tabsNavStyle, tabHoverBgStyle, closeBtnStyle } =\r\n  useStyle();\r\n\r\nconst {\r\n  activeKey,\r\n  list,\r\n  closeBtnStatus,\r\n  onChange,\r\n  onClose\r\n} = useTab();\r\n\r\nfunction useStyle(): {\r\n  tabsNavStyle: ComputedRef<string>;\r\n  tabHoverBgStyle: ComputedRef<string>;\r\n  closeBtnStyle: ComputedRef<string>;\r\n} {\r\n  const { useToken } = theme;\r\n  const { token }: { token: ComputedRef<GlobalToken> } =\r\n    useToken();\r\n\r\n  const activeTabColor = computed(\r\n    () => token.value.colorBgLayout\r\n  );\r\n  const splitColor = computed(\r\n    () => token.value.colorBorderSecondary\r\n  );\r\n\r\n  const tabsNavStyle = computed(() => {\r\n    return css`\r\n      --active-tab-color: ${activeTabColor.value};\r\n      --splitColor: ${splitColor.value};\r\n      padding-top: 10px;\r\n      display: flex;\r\n    `;\r\n  });\r\n\r\n  const tabHoverBgStyle = computed(() => {\r\n    return css`\r\n      &:before {\r\n        background: ${token.value.colorPrimaryBgHover};\r\n      }\r\n    `;\r\n  });\r\n\r\n  const closeBtnStyle = computed(() => {\r\n    return css`\r\n      &:hover {\r\n        background: ${token.value.colorPrimaryBorderHover};\r\n        border-radius: 50%;\r\n      }\r\n    `;\r\n  });\r\n\r\n  return {\r\n    tabsNavStyle,\r\n    tabHoverBgStyle,\r\n    closeBtnStyle\r\n  };\r\n}\r\n\r\nfunction useTab() {\r\n  const route = useRoute();\r\n  const router = useRouter();\r\n\r\n  const store = useNavTabStore();\r\n  const { list, activeKey } = storeToRefs(store);\r\n  const { save, deleteTabs } = store;\r\n\r\n  watch(\r\n    () => route.fullPath,\r\n    val => {\r\n      save(route);\r\n      activeKey.value = val;\r\n    },\r\n    {\r\n      immediate: true\r\n    }\r\n  );\r\n\r\n  const onChange = (key: string) => {\r\n    if (key !== route.path) {\r\n      // 匹配打开的标签路由数据\r\n      const rs = list.value.filter(\r\n        item => item.fullPath === key\r\n      )[0];\r\n      router.push(rs);\r\n    }\r\n  };\r\n\r\n  const onClose = (\r\n    $event: Event,\r\n    key: string | undefined\r\n  ) => {\r\n    if (!key) return;\r\n    //阻止冒泡\r\n    $event.stopPropagation();\r\n    // 删除标签\r\n    deleteTabs(key);\r\n    // 重新push已打开的路由\r\n    const backRoute = list.value[list.value.length - 1];\r\n    if (backRoute.fullPath) {\r\n      router.push(backRoute.fullPath);\r\n    }\r\n  };\r\n\r\n  const closeBtnStatus = (item: NavTabsState) => {\r\n    // 如果meta有设置keepOpen则隐藏关闭按钮\r\n    if (item.meta?.keepOpen) {\r\n      return false;\r\n    } else {\r\n      // 如果只有一个标签，则隐藏关闭按钮\r\n      return list.value.length !== 1;\r\n    }\r\n  };\r\n\r\n  return {\r\n    activeKey,\r\n    list,\r\n    closeBtnStatus,\r\n    onChange,\r\n    onClose\r\n  };\r\n}\r\n</script>\r\n<template>\r\n  <div class=\"tabs-nav-wrapper\" :class=\"tabsNavStyle\">\r\n    <Search />\r\n    <div class=\"d-tabs-nav\">\r\n      <a-tabs\r\n        size=\"small\"\r\n        v-model:activeKey=\"activeKey\"\r\n        type=\"card\"\r\n        hide-add\r\n        @change=\"onChange\"\r\n      >\r\n        <a-tab-pane\r\n          :key=\"item.fullPath\"\r\n          :closable=\"false\"\r\n          v-for=\"item in list\"\r\n          :class=\"{ active: activeKey === item.fullPath }\"\r\n        >\r\n          <template #tab>\r\n            <div\r\n              class=\"tab-hover-bg\"\r\n              :class=\"tabHoverBgStyle\"\r\n            ></div>\r\n            <div class=\"tab-dividers\"></div>\r\n            <!--            <a-dropdown :trigger=\"['contextmenu']\">-->\r\n            <div class=\"tab-item\">\r\n              {{ item.meta?.title || \"无标题\" }}\r\n            </div>\r\n            <!--              <template #overlay>-->\r\n            <!--                <a-menu>-->\r\n            <!--                  <a-menu-item key=\"1\">-->\r\n            <!--                    <ReloadOutlined />-->\r\n            <!--                    重新加载-->\r\n            <!--                  </a-menu-item>-->\r\n            <!--                  <a-menu-item key=\"2\">-->\r\n            <!--                    <CloseOutlined />-->\r\n            <!--                    关闭其他-->\r\n            <!--                  </a-menu-item>-->\r\n            <!--                  <a-menu-item key=\"3\"-->\r\n            <!--                    >关闭右侧标签-->\r\n            <!--                  </a-menu-item>-->\r\n            <!--                  <a-menu-item key=\"3\"-->\r\n            <!--                    >关闭左侧标签-->\r\n            <!--                  </a-menu-item>-->\r\n            <!--                </a-menu>-->\r\n            <!--              </template>-->\r\n            <!--            </a-dropdown>-->\r\n\r\n            <div\r\n              class=\"tab-close\"\r\n              v-if=\"closeBtnStatus(item)\"\r\n            >\r\n              <div\r\n                class=\"close-btn\"\r\n                :class=\"closeBtnStyle\"\r\n                @click=\"onClose($event, item.fullPath)\"\r\n              >\r\n                <CloseOutlined />\r\n              </div>\r\n            </div>\r\n          </template>\r\n        </a-tab-pane>\r\n      </a-tabs>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\"></style>\r\n"],"names":["tabsNavStyle","tabHoverBgStyle","closeBtnStyle","list","activeKey","onChange","onClose","closeBtnStatus"],"mappings":"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"}

package/dist/types/components/layout/components/menu/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../../src/components/layout/components/menu/Menu.tsx"],"names":[],"mappings":";;;AAaA,wBAsMG"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../../src/components/layout/components/menu/Menu.tsx"],"names":[],"mappings":";;;AAaA,wBA6KG"}

package/dist/types/components/tab/Tab.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/tab/Tab.vue.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,WAAW,EAAS,MAAM,KAAK,CAAC;AAOxD,OAAO,EACL,KAAK,YAAY,EAElB,MAAM,eAAe,CAAC;;;;;;;2BA2HS,YAAY;oBA1BnB,MAAM;sBAWnB,KAAK,OACR,MAAM,GAAG,SAAS;oBAzFN;QACnB,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;QAClC,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;QACrC,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;KACpC;;;;+BAmG+B,YAAY;wBA1BnB,MAAM;0BAWnB,KAAK,OACR,MAAM,GAAG,SAAS;;;;;AAxG3B,wBA8IE"}
+{"version":3,"file":"Tab.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/tab/Tab.vue.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,WAAW,EAAS,MAAM,KAAK,CAAC;AAUxD,OAAO,EACL,KAAK,YAAY,EAElB,MAAM,eAAe,CAAC;;;;;;;2BAkHS,YAAY;oBA1BnB,MAAM;sBAWnB,KAAK,OACR,MAAM,GAAG,SAAS;oBAhFN;QACnB,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;QAClC,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;QACrC,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;KACpC;;;;+BA0F+B,YAAY;wBA1BnB,MAAM;0BAWnB,KAAK,OACR,MAAM,GAAG,SAAS;;;;;AA/F3B,wBAqIE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ditari/bsui",
-  "version": "5.0.21",
+  "version": "5.0.23",
   "type": "module",
   "publishConfig": {
     "access": "public"