@ditari/bsui 5.1.1 → 5.1.3

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

@@ -1 +1 @@
-{"version":3,"file":"RouterContent.vue2.cjs","sources":["../../../../../../src/components/layout/components/layout/RouterContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { getActivePinia } from \"pinia\";\r\nimport { ref } from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { useKeepAliveStore } from \"@ditari/store\";\r\n\r\n// 检查 Pinia 是否可用\r\nconst pinia = getActivePinia();\r\nconst keepAliveStore = pinia ? useKeepAliveStore() : null;\r\n\r\n// 提供默认值当 Pinia 不可用时\r\nconst keepAliveNames = ref<string[]>([]);\r\n\r\n// 如果 Pinia 可用，使用 store 的值\r\nif (keepAliveStore) {\r\n  const { get } = keepAliveStore;\r\n  keepAliveNames.value = get;\r\n}\r\n\r\n// 获取路由实例\r\nconst route = useRoute();\r\n</script>\r\n\r\n<template>\r\n  <router-view v-slot=\"{ Component }\">\r\n    <transition name=\"main\" mode=\"out-in\" appear>\r\n      <keep-alive :include=\"keepAliveNames\">\r\n        <component :is=\"Component\" :key=\"route.path\" />\r\n      </keep-alive>\r\n    </transition>\r\n  </router-view>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["pinia","getActivePinia","useKeepAliveStore","ref","useRoute","_createBlock","_withCtx","_createVNode","_Transition","_KeepAlive","_openBlock","_resolveDynamicComponent","_unref"],"mappings":";;;;;;;;;;;;;AAOA,IAAA,MAAMA,UAAQC,oBAAA,EAAe;AAC7B,IAAA,MAAM,cAAA,GAAiBD,OAAA,GAAQE,uBAAA,EAAkB,GAAI,IAAA;AAGrD,IAAA,MAAM,cAAA,GAAiBC,OAAA,CAAc,EAAE,CAAA;AAGvC,IAAA,IAAI,cAAA,EAAgB;AAClB,MAAA,MAAM,EAAE,KAAI,GAAI,cAAA;AAChB,MAAA,cAAA,CAAe,KAAA,GAAQ,GAAA;AAAA,IACzB;AAGA,IAAA,MAAM,QAAQC,kBAAA,EAAS;;;8BAIrBC,eAAA,CAMc,sBAAA,EAAA,IAAA,EAAA;AAAA,QALZ,OAAA,EAAAC,WAAA,CAAA,CAIa,EALQ,WAAS,KAAA;AAAA,UAC9BC,eAAA;AAAA,YAIaC,cAAA;AAAA,YAAA;AAAA,cAJD,IAAA,EAAK,MAAA;AAAA,cAAO,IAAA,EAAK,QAAA;AAAA,cAAS,MAAA,EAAA;AAAA;;mCACpC,MAEa;AAAA,kCAFbH,eAAA,CAEaI,aAAA,EAAA,EAFA,OAAA,EAAS,cAAA,CAAA,OAAc,EAAA;AAAA,mBAClCC,aAAA,EAAA,EAAAL,eAAA,CAA+CM,2BAAA,CAA/B,SAAS,CAAA,EAAA;AAAA,oBAAG,GAAA,EAAKC,SAAA,CAAA,KAAA,CAAA,CAAM;AAAA;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"RouterContent.vue2.cjs","sources":["../../../../../../src/components/layout/components/layout/RouterContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport {\r\n  computed,\r\n  defineComponent,\r\n  h,\r\n  nextTick,\r\n  ref,\r\n  watch\r\n} from \"vue\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport { useNavTabStore } from \"@ditari/store\";\r\n\r\nconst { list } = storeToRefs(useNavTabStore());\r\n\r\n/**\r\n * 工具函数：大驼峰转换\r\n */\r\nconst toPascalCase = (str: string) => {\r\n  return str\r\n    .replace(/[^a-zA-Z0-9]/g, \" \")\r\n    .split(\" \")\r\n    .filter(Boolean)\r\n    .map(\r\n      word =>\r\n        word.charAt(0).toUpperCase() +\r\n        word.slice(1).toLowerCase()\r\n    )\r\n    .join(\"\");\r\n};\r\n\r\n/**\r\n * 1. 状态管理\r\n * refreshingPath: 记录当前正在执行重载的路径。\r\n * wrapperMap: 存储包装组件的缓存。\r\n */\r\nconst refreshingPath = ref<string | null>(null);\r\nconst wrapperMap = new Map();\r\n\r\n/**\r\n * 2. 计算缓存名单 (KeepAlive 的 include 属性)\r\n * 逻辑：meta.keepAlive 为 true，且当前路径不在“重载黑名单”中。\r\n */\r\nconst cachedViews = computed<string[]>(() => {\r\n  return list.value\r\n    .filter(tab => {\r\n      const isKeepAlive = tab.meta?.keepAlive === true;\r\n      const isNotRefreshing =\r\n        tab.fullPath !== refreshingPath.value;\r\n      return isKeepAlive && tab.fullPath && isNotRefreshing;\r\n    })\r\n    .map(tab => {\r\n      // 这里的生成逻辑必须与 getWrapper 中的 name 保持严格一致\r\n      return (\r\n        (tab.name as string) ||\r\n        toPascalCase(tab.fullPath as string)\r\n      );\r\n    });\r\n});\r\n\r\n/**\r\n * 3. 动态包装组件逻辑\r\n */\r\nconst getWrapper = (Component: any, route: any) => {\r\n  if (!Component) return null;\r\n\r\n  const fullPath = route.fullPath;\r\n  const wrapperName =\r\n    (route.name as string) || toPascalCase(fullPath);\r\n\r\n  // 如果缓存中有，直接返回。\r\n  // 注意：重载时我们会从 wrapperMap 中 delete 掉它，强制这里重新生成。\r\n  if (wrapperMap.has(fullPath)) {\r\n    return wrapperMap.get(fullPath);\r\n  }\r\n\r\n  // 创建一个全新的组件定义\r\n  const wrapper = defineComponent({\r\n    name: wrapperName, // 供 KeepAlive 识别\r\n    setup() {\r\n      return () => h(Component);\r\n    }\r\n  });\r\n\r\n  wrapperMap.set(fullPath, wrapper);\r\n  return wrapper;\r\n};\r\n\r\n/**\r\n * 4. 暴露重载方法 (供父组件调用)\r\n * 核心：先从 include 移除触发销毁，清理定义，再恢复。\r\n */\r\nconst reloadPage = async (fullPath: string) => {\r\n  // A. 将路径加入“黑名单”，cachedViews 会立即更新\r\n  // KeepAlive 发现 include 不再包含此组件，会执行正常的销毁流程（避免 deactivate 报错）\r\n  refreshingPath.value = fullPath;\r\n\r\n  // B. 清理包装组件的内存缓存，确保下次进入时 setup 重新执行\r\n  wrapperMap.delete(fullPath);\r\n\r\n  // C. 等待两个 Tick，确保 Vue 渲染器完成了销毁动作\r\n  await nextTick();\r\n  await nextTick();\r\n\r\n  // D. 移除黑名单，KeepAlive 重新将该路径加入缓存范围\r\n  refreshingPath.value = null;\r\n};\r\n\r\ndefineExpose({ reloadPage });\r\n\r\n/**\r\n * 5. 监听标签页关闭\r\n * 当从标签栏删除某个页面时，同步清理包装组件内存\r\n */\r\nwatch(\r\n  cachedViews,\r\n  names => {\r\n    const activeNames = new Set(names);\r\n    wrapperMap.forEach((wrapper, key) => {\r\n      if (!activeNames.has(wrapper.name)) {\r\n        wrapperMap.delete(key);\r\n      }\r\n    });\r\n  },\r\n  { deep: true }\r\n);\r\n</script>\r\n\r\n<template>\r\n  <router-view v-slot=\"{ Component, route: currentRoute }\">\r\n    <transition name=\"main\" mode=\"out-in\" appear>\r\n      <keep-alive :include=\"cachedViews\">\r\n        <component\r\n          :is=\"getWrapper(Component, currentRoute)\"\r\n          :key=\"currentRoute.fullPath\"\r\n        />\r\n      </keep-alive>\r\n    </transition>\r\n  </router-view>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["storeToRefs","useNavTabStore","ref","computed","defineComponent","h","nextTick","watch","_createBlock","_createVNode","_Transition","_KeepAlive","_openBlock","_resolveDynamicComponent"],"mappings":"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"}

package/dist/cjs/components/layout/components/layout/RouterContentName.vue.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var RouterContentName_vue_vue_type_script_setup_true_lang = require('./RouterContentName.vue2.cjs');
+
+"use strict";
+
+exports.default = RouterContentName_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=RouterContentName.vue.cjs.map

package/dist/cjs/components/layout/components/layout/RouterContentName.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouterContentName.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

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

@@ -0,0 +1,67 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var vueRouter = require('vue-router');
+var pinia = require('pinia');
+var store = require('@ditari/store');
+
+"use strict";
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "RouterContentName",
+  setup(__props) {
+    const keepAliveStore = store.useKeepAliveStore();
+    const { get } = pinia.storeToRefs(keepAliveStore);
+    const keepAliveNames = vue.computed(() => get.value);
+    const route = vueRouter.useRoute();
+    return (_ctx, _cache) => {
+      const _component_router_view = vue.resolveComponent("router-view");
+      return vue.openBlock(), vue.createElementBlock(
+        vue.Fragment,
+        null,
+        [
+          _cache[0] || (_cache[0] = vue.createElementVNode(
+            "div",
+            null,
+            "name",
+            -1
+            /* CACHED */
+          )),
+          vue.createVNode(_component_router_view, null, {
+            default: vue.withCtx(({ Component }) => [
+              vue.createVNode(
+                vue.Transition,
+                {
+                  name: "main",
+                  mode: "out-in",
+                  appear: ""
+                },
+                {
+                  default: vue.withCtx(() => [
+                    (vue.openBlock(), vue.createBlock(vue.KeepAlive, { include: keepAliveNames.value }, [
+                      (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(Component), {
+                        key: vue.unref(route).fullPath
+                      }))
+                    ], 1032, ["include"]))
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                },
+                1024
+                /* DYNAMIC_SLOTS */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=RouterContentName.vue2.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RouterContentName.vue2.cjs","sources":["../../../../../../src/components/layout/components/layout/RouterContentName.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport { useKeepAliveStore } from \"@ditari/store\";\r\n\r\nconst keepAliveStore = useKeepAliveStore();\r\n\r\nconst { get } = storeToRefs(keepAliveStore);\r\nconst keepAliveNames = computed<string[]>(() => get.value);\r\n\r\nconst route = useRoute();\r\n</script>\r\n\r\n<template>\r\n  <div>name</div>\r\n  <router-view v-slot=\"{ Component }\">\r\n    <transition name=\"main\" mode=\"out-in\" appear>\r\n      <keep-alive :include=\"keepAliveNames\">\r\n        <component :is=\"Component\" :key=\"route.fullPath\" />\r\n      </keep-alive>\r\n    </transition>\r\n  </router-view>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["useKeepAliveStore","storeToRefs","computed","useRoute","_createElementVNode","_createVNode","_withCtx","_Transition","_createBlock","_KeepAlive","_openBlock","_resolveDynamicComponent","_unref"],"mappings":";;;;;;;;;;;;;AAOA,IAAA,MAAM,iBAAiBA,uBAAA,EAAkB;AAEzC,IAAA,MAAM,EAAE,GAAA,EAAI,GAAIC,iBAAA,CAAY,cAAc,CAAA;AAC1C,IAAA,MAAM,cAAA,GAAiBC,YAAA,CAAmB,MAAM,GAAA,CAAI,KAAK,CAAA;AAEzD,IAAA,MAAM,QAAQC,kBAAA,EAAS;;;;;;;UAIrB,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAAC,sBAAA;AAAA,YAAe,KAAA;AAAA;YAAV,MAAA;AAAA,YAAI,CAAA;AAAA;AAAA,WAAA,CAAA;AAAA,UACTC,eAAA,CAMc,wBAAA,IAAA,EAAA;AAAA,YALZ,OAAA,EAAAC,WAAA,CAAA,CAIa,EALQ,WAAS,KAAA;AAAA,cAC9BD,eAAA;AAAA,gBAIaE,cAAA;AAAA,gBAAA;AAAA,kBAJD,IAAA,EAAK,MAAA;AAAA,kBAAO,IAAA,EAAK,QAAA;AAAA,kBAAS,MAAA,EAAA;AAAA;;uCACpC,MAEa;AAAA,sCAFbC,eAAA,CAEaC,aAAA,EAAA,EAFA,OAAA,EAAS,cAAA,CAAA,OAAc,EAAA;AAAA,uBAClCC,aAAA,EAAA,EAAAF,eAAA,CAAmDG,2BAAA,CAAnC,SAAS,CAAA,EAAA;AAAA,wBAAG,GAAA,EAAKC,SAAA,CAAA,KAAA,CAAA,CAAM;AAAA;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -133,15 +133,16 @@ var Menu = /* @__PURE__ */ vue.defineComponent({
         }
       }));
       vue.watch(() => layout.value.collapsed, (val) => {
+        var _a, _b, _c;
         const id = selectedKeys.value[0];
         const rs = findMatchedMenuById(id, data.value);
         if (val) {
           openKeys.value = [];
         } else {
           if (rs == null ? void 0 : rs.parentItem) {
-            openKeys.value = [rs.parentItem.key];
+            openKeys.value = [(_a = rs.parentItem) == null ? void 0 : _a.key];
           } else {
-            openKeys.value = [rs.matchItem.key];
+            openKeys.value = ((_b = rs.matchItem) == null ? void 0 : _b.key) ? [(_c = rs.matchItem) == null ? void 0 : _c.key] : [];
           }
         }
       });

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 {\r\n  computed,\r\n  defineComponent,\r\n  inject,\r\n  watch\r\n} from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport {\r\n  AppContext,\r\n  AppContextKey\r\n} from \"../../AppContext\";\r\nimport { useAppStore, useMenuStore } 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    // ⭐️ 修复：直接调用 Store 函数，Pinia 内部机制会处理实例缺失时的行为\r\n    const appStore = useAppStore();\r\n    const menuStore = useMenuStore();\r\n\r\n    const appContext = inject<AppContext | null>(\r\n      AppContextKey,\r\n      null\r\n    );\r\n\r\n    const renderMenuIcon = appContext?.renderMenuIcon;\r\n\r\n    const { layout, modeConfig } = storeToRefs(appStore);\r\n\r\n    const { openKeys, selectedKeys, data } =\r\n      storeToRefs(menuStore);\r\n\r\n    const menuList = computed(() => {\r\n      const menuData = JSON.parse(\r\n        JSON.stringify(data.value)\r\n      );\r\n      return renderIcon(menuData);\r\n    });\r\n\r\n    function renderIcon(data: []) {\r\n      // 需要递归处理\r\n      data.forEach(\r\n        (item: {\r\n          name: string;\r\n          icon: unknown;\r\n          children: [];\r\n        }) => {\r\n          if (item.icon) {\r\n            const icon = item.icon;\r\n            item.icon = () =>\r\n              renderMenuIcon?.({ icon } as {\r\n                icon: string;\r\n              });\r\n          }\r\n          if (item.children && item.children.length) {\r\n            renderIcon(item.children);\r\n          }\r\n        }\r\n      );\r\n      return data;\r\n    }\r\n\r\n    const { findMatchedMenuById, findMenuItemByUrl } =\r\n      useMenuCore();\r\n    const { menuWrapperStyle } = useStyle();\r\n    const { 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 route = useRoute();\r\n      const router = useRouter();\r\n\r\n      /**\r\n       * 根据URL路径查找最接近的父级菜单\r\n       */\r\n      const findClosestParentMenu = (\r\n        url: string,\r\n        menus: any[]\r\n      ): any => {\r\n        // 移除查询参数和哈希\r\n        const cleanUrl = url.split(\"?\")[0].split(\"#\")[0];\r\n        const pathSegments = cleanUrl\r\n          .split(\"/\")\r\n          .filter(Boolean);\r\n\r\n        // 从最长路径开始尝试匹配\r\n        for (let i = pathSegments.length; i > 0; i--) {\r\n          const testPath =\r\n            \"/\" + pathSegments.slice(0, i).join(\"/\");\r\n          const foundItem = findMenuItemByUrl(\r\n            testPath,\r\n            menus\r\n          );\r\n          if (foundItem) return foundItem;\r\n        }\r\n\r\n        return null;\r\n      };\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            let menuItem = findMenuItemByUrl(\r\n              path,\r\n              data.value\r\n            );\r\n\r\n            // 如果没有精确匹配，尝试匹配父级路径\r\n            if (!menuItem) {\r\n              menuItem = findClosestParentMenu(\r\n                path,\r\n                data.value\r\n              );\r\n            }\r\n\r\n            if (!menuItem) {\r\n              openKeys.value = [];\r\n              selectedKeys.value = [path];\r\n            } else {\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\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 (item.originItemValue?.isExternalLink) {\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","appStore","useAppStore","menuStore","useMenuStore","appContext","inject","AppContextKey","renderMenuIcon","layout","modeConfig","storeToRefs","openKeys","selectedKeys","data","menuList","computed","menuData","JSON","parse","stringify","value","renderIcon","forEach","item","icon","children","length","findMatchedMenuById","findMenuItemByUrl","useMenuCore","menuWrapperStyle","useStyle","onClick","useMenu","css","mode","route","useRoute","router","useRouter","findClosestParentMenu","url","menus","cleanUrl","split","pathSegments","filter","Boolean","i","testPath","slice","join","foundItem","watch","fullPath","path","flag","some","menuItem","rs","getFullParentChain","id","collapsed","key","val","parentItem","matchItem","targetId","parentChain","menu","result","keyPath","originItemValue","isExternalLink","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 {\r\n  computed,\r\n  defineComponent,\r\n  inject,\r\n  watch\r\n} from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport {\r\n  AppContext,\r\n  AppContextKey\r\n} from \"../../AppContext\";\r\nimport { useAppStore, useMenuStore } 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    // ⭐️ 修复：直接调用 Store 函数，Pinia 内部机制会处理实例缺失时的行为\r\n    const appStore = useAppStore();\r\n    const menuStore = useMenuStore();\r\n\r\n    const appContext = inject<AppContext | null>(\r\n      AppContextKey,\r\n      null\r\n    );\r\n\r\n    const renderMenuIcon = appContext?.renderMenuIcon;\r\n\r\n    const { layout, modeConfig } = storeToRefs(appStore);\r\n\r\n    const { openKeys, selectedKeys, data } =\r\n      storeToRefs(menuStore);\r\n\r\n    const menuList = computed(() => {\r\n      const menuData = JSON.parse(\r\n        JSON.stringify(data.value)\r\n      );\r\n      return renderIcon(menuData);\r\n    });\r\n\r\n    function renderIcon(data: []) {\r\n      // 需要递归处理\r\n      data.forEach(\r\n        (item: {\r\n          name: string;\r\n          icon: unknown;\r\n          children: [];\r\n        }) => {\r\n          if (item.icon) {\r\n            const icon = item.icon;\r\n            item.icon = () =>\r\n              renderMenuIcon?.({ icon } as {\r\n                icon: string;\r\n              });\r\n          }\r\n          if (item.children && item.children.length) {\r\n            renderIcon(item.children);\r\n          }\r\n        }\r\n      );\r\n      return data;\r\n    }\r\n\r\n    const { findMatchedMenuById, findMenuItemByUrl } =\r\n      useMenuCore();\r\n    const { menuWrapperStyle } = useStyle();\r\n    const { 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 route = useRoute();\r\n      const router = useRouter();\r\n\r\n      /**\r\n       * 根据URL路径查找最接近的父级菜单\r\n       */\r\n      const findClosestParentMenu = (\r\n        url: string,\r\n        menus: any[]\r\n      ): any => {\r\n        // 移除查询参数和哈希\r\n        const cleanUrl = url.split(\"?\")[0].split(\"#\")[0];\r\n        const pathSegments = cleanUrl\r\n          .split(\"/\")\r\n          .filter(Boolean);\r\n\r\n        // 从最长路径开始尝试匹配\r\n        for (let i = pathSegments.length; i > 0; i--) {\r\n          const testPath =\r\n            \"/\" + pathSegments.slice(0, i).join(\"/\");\r\n          const foundItem = findMenuItemByUrl(\r\n            testPath,\r\n            menus\r\n          );\r\n          if (foundItem) return foundItem;\r\n        }\r\n\r\n        return null;\r\n      };\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            let menuItem = findMenuItemByUrl(\r\n              path,\r\n              data.value\r\n            );\r\n\r\n            // 如果没有精确匹配，尝试匹配父级路径\r\n            if (!menuItem) {\r\n              menuItem = findClosestParentMenu(\r\n                path,\r\n                data.value\r\n              );\r\n            }\r\n\r\n            if (!menuItem) {\r\n              openKeys.value = [];\r\n              selectedKeys.value = [path];\r\n            } else {\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\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                ? [rs!.matchItem?.key]\r\n                : [];\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 (item.originItemValue?.isExternalLink) {\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","appStore","useAppStore","menuStore","useMenuStore","appContext","inject","AppContextKey","renderMenuIcon","layout","modeConfig","storeToRefs","openKeys","selectedKeys","data","menuList","computed","menuData","JSON","parse","stringify","value","renderIcon","forEach","item","icon","children","length","findMatchedMenuById","findMenuItemByUrl","useMenuCore","menuWrapperStyle","useStyle","onClick","useMenu","css","mode","route","useRoute","router","useRouter","findClosestParentMenu","url","menus","cleanUrl","split","pathSegments","filter","Boolean","i","testPath","slice","join","foundItem","watch","fullPath","path","flag","some","menuItem","rs","getFullParentChain","id","collapsed","key","val","parentItem","matchItem","targetId","parentChain","menu","result","keyPath","originItemValue","isExternalLink","push","then","r","console","warn","_createVNode","_resolveComponent","$event"],"mappings":"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"}

package/dist/cjs/components/layout/index.cjs

@@ -3,6 +3,7 @@
 var List = require('./List.cjs');
 var Show = require('./Show.cjs');
 require('./Layout.vue.cjs');
+var AppContext = require('./AppContext.cjs');
 require('./components/index.cjs');
 var Layout_vue_vue_type_script_setup_true_lang = require('./Layout.vue2.cjs');
 var ThemeApp_vue_vue_type_script_setup_true_lang = require('./components/layout/ThemeApp.vue2.cjs');
@@ -25,6 +26,7 @@ Layout_vue_vue_type_script_setup_true_lang.default.install = function(app) {
 
 exports.List = List.default;
 exports.Show = Show.default;
+exports.AppContextKey = AppContext.AppContextKey;
 exports.Layout = Layout_vue_vue_type_script_setup_true_lang.default;
 exports.AppTheme = ThemeApp_vue_vue_type_script_setup_true_lang.default;
 exports.HeaderLayout = HeaderLayout_vue_vue_type_script_setup_true_lang.default;

package/dist/cjs/components/layout/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/layout/index.ts"],"sourcesContent":["import List from \"./List\";\r\nimport Show from \"./Show\";\r\nimport type { App } from \"vue\";\r\n\r\nimport Layout from \"./Layout.vue\";\r\n\r\nexport * from \"./components\";\r\n\r\nList.install = function (app: App) {\r\n  app.component(List.name!, List);\r\n  return app;\r\n};\r\n\r\nShow.install = function (app: App) {\r\n  app.component(Show.name!, Show);\r\n  return app;\r\n};\r\nLayout.install = function (app: App) {\r\n  app.component(\"DLayout\", Layout);\r\n  return app;\r\n};\r\n\r\nexport { Layout, List, Show };\r\n"],"names":["List","Show","Layout"],"mappings":";;;;;;;;;;;;AAQAA,YAAA,CAAK,OAAA,GAAU,SAAU,GAAA,EAAU;AACjC,EAAA,GAAA,CAAI,SAAA,CAAUA,YAAA,CAAK,IAAA,EAAOA,YAAI,CAAA;AAC9B,EAAA,OAAO,GAAA;AACT,CAAA;AAEAC,YAAA,CAAK,OAAA,GAAU,SAAU,GAAA,EAAU;AACjC,EAAA,GAAA,CAAI,SAAA,CAAUA,YAAA,CAAK,IAAA,EAAOA,YAAI,CAAA;AAC9B,EAAA,OAAO,GAAA;AACT,CAAA;AACAC,kDAAA,CAAO,OAAA,GAAU,SAAU,GAAA,EAAU;AACnC,EAAA,GAAA,CAAI,SAAA,CAAU,WAAWA,kDAAM,CAAA;AAC/B,EAAA,OAAO,GAAA;AACT,CAAA;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/layout/index.ts"],"sourcesContent":["import List from \"./List\";\r\nimport Show from \"./Show\";\r\nimport type { App } from \"vue\";\r\n\r\nimport Layout from \"./Layout.vue\";\r\n\r\nexport * from \"./AppContext\";\r\nexport * from \"./components\";\r\n\r\nList.install = function (app: App) {\r\n  app.component(List.name!, List);\r\n  return app;\r\n};\r\n\r\nShow.install = function (app: App) {\r\n  app.component(Show.name!, Show);\r\n  return app;\r\n};\r\nLayout.install = function (app: App) {\r\n  app.component(\"DLayout\", Layout);\r\n  return app;\r\n};\r\n\r\nexport { Layout, List, Show };\r\n"],"names":["List","Show","Layout"],"mappings":";;;;;;;;;;;;;AASAA,YAAA,CAAK,OAAA,GAAU,SAAU,GAAA,EAAU;AACjC,EAAA,GAAA,CAAI,SAAA,CAAUA,YAAA,CAAK,IAAA,EAAOA,YAAI,CAAA;AAC9B,EAAA,OAAO,GAAA;AACT,CAAA;AAEAC,YAAA,CAAK,OAAA,GAAU,SAAU,GAAA,EAAU;AACjC,EAAA,GAAA,CAAI,SAAA,CAAUA,YAAA,CAAK,IAAA,EAAOA,YAAI,CAAA;AAC9B,EAAA,OAAO,GAAA;AACT,CAAA;AACAC,kDAAA,CAAO,OAAA,GAAU,SAAU,GAAA,EAAU;AACnC,EAAA,GAAA,CAAI,SAAA,CAAU,WAAWA,kDAAM,CAAA;AAC/B,EAAA,OAAO,GAAA;AACT,CAAA;;;;;;;;;;"}

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

@@ -6,6 +6,7 @@ var vue = require('vue');
 var vueRouter = require('vue-router');
 var antDesignVue = require('ant-design-vue');
 var pinia = require('pinia');
+var AppContext = require('../layout/AppContext.cjs');
 var Search = require('./Search.cjs');
 var iconsVue = require('@ant-design/icons-vue');
 var store = require('@ditari/store');
@@ -13,12 +14,16 @@ var css = require('@emotion/css');
 
 "use strict";
 const _hoisted_1 = { class: "d-tabs-nav" };
-const _hoisted_2 = { class: "tab-item" };
-const _hoisted_3 = {
+const _hoisted_2 = {
   key: 0,
+  class: "tab-item"
+};
+const _hoisted_3 = { class: "tab-item" };
+const _hoisted_4 = {
+  key: 2,
   class: "tab-close"
 };
-const _hoisted_4 = ["onClick"];
+const _hoisted_5 = ["onClick"];
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "Tab",
   setup(__props) {
@@ -30,6 +35,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       onChange,
       onClose
     } = useTab();
+    const { enableTabContextMenu, onContextMenuClick } = useTabsContextMenu();
     function useStyle() {
       const { useToken } = antDesignVue.theme;
       const { token } = useToken();
@@ -117,7 +123,43 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         onClose: onClose2
       };
     }
+    function useTabsContextMenu() {
+      const appContext = vue.inject(
+        AppContext.AppContextKey,
+        null
+      );
+      const store$1 = store.useNavTabStore();
+      const router = vueRouter.useRouter();
+      const onContextMenuClick2 = ({ key }, item) => {
+        var _a, _b, _c, _d;
+        const targetKey = item.fullPath;
+        switch (key) {
+          case "reload":
+            (_a = appContext == null ? void 0 : appContext.onReloadPage) == null ? void 0 : _a.call(appContext, item);
+            break;
+          case "other":
+            (_b = store$1.closeOtherTabs) == null ? void 0 : _b.call(store$1, targetKey);
+            router.push(targetKey);
+            break;
+          case "left":
+            (_c = store$1.closeLeftTabs) == null ? void 0 : _c.call(store$1, targetKey);
+            router.push(targetKey);
+            break;
+          case "right":
+            (_d = store$1.closeRightTabs) == null ? void 0 : _d.call(store$1, targetKey);
+            router.push(targetKey);
+            break;
+        }
+      };
+      return {
+        enableTabContextMenu: (appContext == null ? void 0 : appContext.enableTabContextMenu) || false,
+        onContextMenuClick: onContextMenuClick2
+      };
+    }
     return (_ctx, _cache) => {
+      const _component_a_menu_item = vue.resolveComponent("a-menu-item");
+      const _component_a_menu = vue.resolveComponent("a-menu");
+      const _component_a_dropdown = vue.resolveComponent("a-dropdown");
       const _component_a_tab_pane = vue.resolveComponent("a-tab-pane");
       const _component_a_tabs = vue.resolveComponent("a-tabs");
       return vue.openBlock(), vue.createElementBlock(
@@ -158,47 +200,108 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                             2
                             /* CLASS */
                           ),
-                          _cache[1] || (_cache[1] = vue.createElementVNode(
+                          _cache[5] || (_cache[5] = vue.createElementVNode(
                             "div",
                             { class: "tab-dividers" },
                             null,
                             -1
                             /* CACHED */
                           )),
-                          vue.createCommentVNode(`            <a-dropdown :trigger="['contextmenu']">`),
-                          vue.createElementVNode(
+                          !vue.unref(enableTabContextMenu) ? (vue.openBlock(), vue.createElementBlock(
                             "div",
                             _hoisted_2,
                             vue.toDisplayString(((_a = item.meta) == null ? void 0 : _a.title) || "\u65E0\u6807\u9898"),
                             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.createCommentVNode("v-if", true),
+                          vue.unref(enableTabContextMenu) ? (vue.openBlock(), vue.createBlock(
+                            _component_a_dropdown,
+                            {
+                              key: 1,
+                              trigger: ["contextmenu"]
+                            },
+                            {
+                              overlay: vue.withCtx(() => [
+                                vue.createVNode(_component_a_menu, {
+                                  onClick: (e) => vue.unref(onContextMenuClick)(e, item)
+                                }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createVNode(_component_a_menu_item, { key: "reload" }, {
+                                      default: vue.withCtx(() => [
+                                        vue.createVNode(vue.unref(iconsVue.ReloadOutlined)),
+                                        _cache[1] || (_cache[1] = vue.createTextVNode(
+                                          " \u91CD\u65B0\u52A0\u8F7D ",
+                                          -1
+                                          /* CACHED */
+                                        ))
+                                      ]),
+                                      _: 1
+                                      /* STABLE */
+                                    }),
+                                    vue.createVNode(_component_a_menu_item, { key: "other" }, {
+                                      default: vue.withCtx(() => [
+                                        vue.createVNode(vue.unref(iconsVue.CloseOutlined)),
+                                        _cache[2] || (_cache[2] = vue.createTextVNode(
+                                          " \u5173\u95ED\u5176\u4ED6 ",
+                                          -1
+                                          /* CACHED */
+                                        ))
+                                      ]),
+                                      _: 1
+                                      /* STABLE */
+                                    }),
+                                    vue.createVNode(_component_a_menu_item, { key: "right" }, {
+                                      default: vue.withCtx(() => [..._cache[3] || (_cache[3] = [
+                                        vue.createTextVNode(
+                                          "\u5173\u95ED\u53F3\u4FA7\u6807\u7B7E ",
+                                          -1
+                                          /* CACHED */
+                                        )
+                                      ])]),
+                                      _: 1
+                                      /* STABLE */
+                                    }),
+                                    vue.createVNode(_component_a_menu_item, { key: "left" }, {
+                                      default: vue.withCtx(() => [..._cache[4] || (_cache[4] = [
+                                        vue.createTextVNode(
+                                          "\u5173\u95ED\u5DE6\u4FA7\u6807\u7B7E ",
+                                          -1
+                                          /* CACHED */
+                                        )
+                                      ])]),
+                                      _: 1
+                                      /* STABLE */
+                                    })
+                                  ]),
+                                  _: 1
+                                  /* STABLE */
+                                }, 8, ["onClick"])
+                              ]),
+                              default: vue.withCtx(() => {
+                                var _a2;
+                                return [
+                                  vue.createElementVNode(
+                                    "div",
+                                    _hoisted_3,
+                                    vue.toDisplayString(((_a2 = item.meta) == null ? void 0 : _a2.title) || "\u65E0\u6807\u9898"),
+                                    1
+                                    /* TEXT */
+                                  )
+                                ];
+                              }),
+                              _: 2
+                              /* DYNAMIC */
+                            },
+                            1024
+                            /* DYNAMIC_SLOTS */
+                          )) : vue.createCommentVNode("v-if", true),
+                          vue.unref(closeBtnStatus)(item) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
                             vue.createElementVNode("div", {
                               class: vue.normalizeClass(["close-btn", vue.unref(closeBtnStyle)]),
                               onClick: ($event) => vue.unref(onClose)($event, item.fullPath)
                             }, [
                               vue.createVNode(vue.unref(iconsVue.CloseOutlined))
-                            ], 10, _hoisted_4)
+                            ], 10, _hoisted_5)
                           ])) : vue.createCommentVNode("v-if", true)
                         ];
                       }),

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 {\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","_createElementBlock","_normalizeClass","_unref","_createVNode","Search","_createElementVNode","_Fragment","_renderList","_createBlock","_createCommentVNode","_toDisplayString","_openBlock","CloseOutlined"],"mappings":"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"}
+{"version":3,"file":"Tab.vue2.cjs","sources":["../../../../src/components/tab/Tab.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport {\r\n  computed,\r\n  type ComputedRef,\r\n  inject,\r\n  watch\r\n} 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 {\r\n  AppContext,\r\n  AppContextKey\r\n} from \"../layout/AppContext\";\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\nconst { enableTabContextMenu, onContextMenuClick } =\r\n  useTabsContextMenu();\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\r\nfunction useTabsContextMenu() {\r\n  const appContext = inject<AppContext | null>(\r\n    AppContextKey,\r\n    null\r\n  );\r\n  const store = useNavTabStore();\r\n  const router = useRouter();\r\n\r\n  const onContextMenuClick = (\r\n    { key }: { key: string },\r\n    item: any\r\n  ) => {\r\n    const targetKey = item.fullPath;\r\n    switch (key) {\r\n      case \"reload\":\r\n        appContext?.onReloadPage?.(item);\r\n        break;\r\n      case \"other\":\r\n        store.closeOtherTabs?.(targetKey);\r\n        router.push(targetKey);\r\n        break;\r\n      case \"left\":\r\n        store.closeLeftTabs?.(targetKey);\r\n        router.push(targetKey);\r\n        break;\r\n      case \"right\":\r\n        store.closeRightTabs?.(targetKey);\r\n        router.push(targetKey);\r\n        break;\r\n    }\r\n  };\r\n\r\n  return {\r\n    enableTabContextMenu:\r\n      appContext?.enableTabContextMenu || false,\r\n    onContextMenuClick\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\r\n              class=\"tab-item\"\r\n              v-if=\"!enableTabContextMenu\"\r\n            >\r\n              {{ item.meta?.title || \"无标题\" }}\r\n            </div>\r\n            <a-dropdown\r\n              :trigger=\"['contextmenu']\"\r\n              v-if=\"enableTabContextMenu\"\r\n            >\r\n              <div class=\"tab-item\">\r\n                {{ item.meta?.title || \"无标题\" }}\r\n              </div>\r\n              <template #overlay>\r\n                <a-menu\r\n                  @click=\"e => onContextMenuClick(e, item)\"\r\n                >\r\n                  <a-menu-item key=\"reload\">\r\n                    <ReloadOutlined />\r\n                    重新加载\r\n                  </a-menu-item>\r\n                  <a-menu-item key=\"other\">\r\n                    <CloseOutlined />\r\n                    关闭其他\r\n                  </a-menu-item>\r\n                  <a-menu-item key=\"right\"\r\n                    >关闭右侧标签\r\n                  </a-menu-item>\r\n                  <a-menu-item key=\"left\"\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","inject","AppContextKey","onContextMenuClick","_createElementBlock","_normalizeClass","_unref","_createVNode","Search","_createElementVNode","_Fragment","_renderList","_createBlock","_openBlock","_toDisplayString","ReloadOutlined","CloseOutlined","_a"],"mappings":"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"}

package/dist/cjs/index.cjs

@@ -12,6 +12,7 @@ var RangePicker_vue_vue_type_script_setup_true_lang = require('./components/date
 var FormLayout = require('./components/form/FormLayout.cjs');
 var Moon = require('./components/icon/Moon.vue.cjs');
 var Sun = require('./components/icon/Sun.vue.cjs');
+var AppContext = require('./components/layout/AppContext.cjs');
 var ThemeApp_vue_vue_type_script_setup_true_lang = require('./components/layout/components/layout/ThemeApp.vue2.cjs');
 var HeaderLayout_vue_vue_type_script_setup_true_lang = require('./components/layout/components/layout/HeaderLayout.vue2.cjs');
 var Menu = require('./components/layout/components/menu/Menu.cjs');
@@ -46,6 +47,7 @@ exports.RangePicker = RangePicker_vue_vue_type_script_setup_true_lang.default;
 exports.FormLayout = FormLayout.default;
 exports.Moon = Moon.default;
 exports.Sun = Sun.default;
+exports.AppContextKey = AppContext.AppContextKey;
 exports.AppTheme = ThemeApp_vue_vue_type_script_setup_true_lang.default;
 exports.HeaderLayout = HeaderLayout_vue_vue_type_script_setup_true_lang.default;
 exports.Menu = Menu.default;

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/index.ts"],"sourcesContent":["import * as components from \"./components\";\r\nimport type { App, DefineComponent, Plugin } from \"vue\";\r\n\r\n// import { version } from \"../package.json\";\r\n\r\nexport * from \"./components\";\r\n\r\n// 定义组件类型，确保每个组件都可能具有 `install` 方法\r\ntype ComponentWithInstall = DefineComponent<\r\n  never,\r\n  never,\r\n  never\r\n> & {\r\n  install?: (app: App) => void;\r\n};\r\n\r\nexport const install = (app: App) => {\r\n  Object.keys(components).forEach(key => {\r\n    const component = components[\r\n      key as keyof typeof components\r\n    ] as ComponentWithInstall;\r\n    // 类型断言，告诉 TypeScript component 可能是一个插件\r\n    const plugin = component as Plugin;\r\n    // 如果组件有 install 方法，则按插件安装\r\n    if (plugin.install) {\r\n      app.use(plugin);\r\n    }\r\n  });\r\n};\r\n\r\nexport default {\r\n  // version,\r\n  install\r\n};\r\n"],"names":["components"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgBO,MAAM,OAAA,GAAU,CAAC,GAAA,KAAa;AACnC,EAAA,MAAA,CAAO,IAAA,CAAKA,OAAU,CAAA,CAAE,OAAA,CAAQ,CAAA,GAAA,KAAO;AACrC,IAAA,MAAM,SAAA,GAAYA,QAChB,GACF,CAAA;AAEA,IAAA,MAAM,MAAA,GAAS,SAAA;AAEf,IAAA,IAAI,OAAO,OAAA,EAAS;AAClB,MAAA,GAAA,CAAI,IAAI,MAAM,CAAA;AAAA,IAChB;AAAA,EACF,CAAC,CAAA;AACH;AAEA,YAAe;AAAA;AAAA,EAEb;AACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../src/index.ts"],"sourcesContent":["import * as components from \"./components\";\r\nimport type { App, DefineComponent, Plugin } from \"vue\";\r\n\r\n// import { version } from \"../package.json\";\r\n\r\nexport * from \"./components\";\r\n\r\n// 定义组件类型，确保每个组件都可能具有 `install` 方法\r\ntype ComponentWithInstall = DefineComponent<\r\n  never,\r\n  never,\r\n  never\r\n> & {\r\n  install?: (app: App) => void;\r\n};\r\n\r\nexport const install = (app: App) => {\r\n  Object.keys(components).forEach(key => {\r\n    const component = components[\r\n      key as keyof typeof components\r\n    ] as ComponentWithInstall;\r\n    // 类型断言，告诉 TypeScript component 可能是一个插件\r\n    const plugin = component as Plugin;\r\n    // 如果组件有 install 方法，则按插件安装\r\n    if (plugin.install) {\r\n      app.use(plugin);\r\n    }\r\n  });\r\n};\r\n\r\nexport default {\r\n  // version,\r\n  install\r\n};\r\n"],"names":["components"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgBO,MAAM,OAAA,GAAU,CAAC,GAAA,KAAa;AACnC,EAAA,MAAA,CAAO,IAAA,CAAKA,OAAU,CAAA,CAAE,OAAA,CAAQ,CAAA,GAAA,KAAO;AACrC,IAAA,MAAM,SAAA,GAAYA,QAChB,GACF,CAAA;AAEA,IAAA,MAAM,MAAA,GAAS,SAAA;AAEf,IAAA,IAAI,OAAO,OAAA,EAAS;AAClB,MAAA,GAAA,CAAI,IAAI,MAAM,CAAA;AAAA,IAChB;AAAA,EACF,CAAC,CAAA;AACH;AAEA,YAAe;AAAA;AAAA,EAEb;AACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/card/Card.mjs

@@ -1,8 +1,8 @@
 import { defineComponent, createVNode } from 'vue';
+import { useStyle } from './style.mjs';
 import { cx } from '@emotion/css';
 import { useDesign } from '../../hooks/useDesign.mjs';
 import { withInstall } from '../../utils/withInstall.mjs';
-import { useStyle } from './style.mjs';
 
 "use strict";
 const _Card = /* @__PURE__ */ defineComponent({

package/dist/esm/components/card/Card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.mjs","sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["// components/card/index.tsx\r\nimport { defineComponent } from \"vue\";\r\n\r\nimport { cx } from \"@emotion/css\"; // 引入 cx\r\n\r\nimport { useDesign } from \"../../hooks/useDesign\"; // 引入我们刚才写的 hook\r\nimport { withInstall } from \"../../utils/withInstall\";\r\n\r\nimport { useStyle } from \"./style\";\r\n\r\nconst _Card = defineComponent({\r\n  name: \"DCard\",\r\n  props: {\r\n    title: String\r\n  },\r\n  setup(props, { slots }) {\r\n    //  初始化 Design Hook，传入组件名 'card'\r\n    const { getPrefixCls } = useDesign(\"card\");\r\n\r\n    // 初始化 Emotion 样式\r\n    const styles = useStyle();\r\n\r\n    return () => {\r\n      // 生成语义化类名\r\n      const rootCls = getPrefixCls();\r\n      const headerCls = getPrefixCls(\"head\");\r\n      const iconCls = getPrefixCls(\"icon\");\r\n      const titleCls = getPrefixCls(\"title\");\r\n      const actionCls = getPrefixCls(\"action\");\r\n      const bodyCls = getPrefixCls(\"body\");\r\n\r\n      return (\r\n        <div class={cx(rootCls, styles.container)}>\r\n          {/* Header 区域 */}\r\n          <div class={cx(headerCls, styles.header)}>\r\n            {slots.icon && <div class={cx(iconCls, styles.icon)}>{slots.icon()}</div>}\r\n            <div class={cx(titleCls, styles.header_title)}>{props.title}</div>\r\n          </div>\r\n          {/*action*/}\r\n          {slots.action && <div class={cx(actionCls, styles.action)}>{slots.action()}</div>}\r\n\r\n          {/* Body 区域 */}\r\n          <div class={cx(bodyCls, styles.body)}>{slots.default?.()}</div>\r\n        </div>\r\n      );\r\n    };\r\n  }\r\n});\r\n\r\nexport const Card = withInstall(_Card);\r\n"],"names":["_Card","defineComponent","name","props","title","String","setup","slots","getPrefixCls","useDesign","styles","useStyle","rootCls","headerCls","iconCls","titleCls","actionCls","bodyCls","_createVNode","cx","container","header","icon","header_title","action","body","default","Card","withInstall"],"mappings":";;;;;;;AAUA,MAAMA,wBAAQC,eAAAA,CAAgB;AAAA,EAC5BC,IAAAA,EAAM,OAAA;AAAA,EACNC,KAAAA,EAAO;AAAA,IACLC,KAAAA,EAAOC;AAAAA,GACT;AAAA,EACAC,MAAMH,KAAAA,EAAO;AAAA,IAAEI;AAAAA,GAAM,EAAG;AAEtB,IAAA,MAAM;AAAA,MAAEC;AAAAA,KAAa,GAAIC,UAAU,MAAM,CAAA;AAGzC,IAAA,MAAMC,SAASC,QAAAA,EAAS;AAExB,IAAA,OAAO,MAAM;AAtBjB,MAAA,IAAA,EAAA;AAwBM,MAAA,MAAMC,UAAUJ,YAAAA,EAAa;AAC7B,MAAA,MAAMK,SAAAA,GAAYL,aAAa,MAAM,CAAA;AACrC,MAAA,MAAMM,OAAAA,GAAUN,aAAa,MAAM,CAAA;AACnC,MAAA,MAAMO,QAAAA,GAAWP,aAAa,OAAO,CAAA;AACrC,MAAA,MAAMQ,SAAAA,GAAYR,aAAa,QAAQ,CAAA;AACvC,MAAA,MAAMS,OAAAA,GAAUT,aAAa,MAAM,CAAA;AAEnC,MAAA,OAAAU,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EACcC,EAAAA,CAAGP,OAAAA,EAASF,MAAAA,CAAOU,SAAS;AAAA,OAAC,EAAA,CAAAF,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAE3BC,EAAAA,CAAGN,SAAAA,EAAWH,MAAAA,CAAOW,MAAM;AAAA,OAAC,EAAA,CACrCd,KAAAA,CAAMe,IAAAA,IAAIJ,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAgBC,EAAAA,CAAGL,OAAAA,EAASJ,MAAAA,CAAOY,IAAI;AAAA,OAAC,EAAA,CAAGf,KAAAA,CAAMe,IAAAA,EAAM,CAAA,CAAA,EAAOJ,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAC7DC,EAAAA,CAAGJ,QAAAA,EAAUL,MAAAA,CAAOa,YAAY;AAAA,OAAC,EAAA,CAAGpB,KAAAA,CAAMC,KAAK,CAAA,CAAA,CAAA,CAAA,EAG5DG,KAAAA,CAAMiB,MAAAA,IAAMN,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAgBC,EAAAA,CAAGH,SAAAA,EAAWN,MAAAA,CAAOc,MAAM;AAAA,OAAC,EAAA,CAAGjB,KAAAA,CAAMiB,MAAAA,EAAQ,CAAA,CAAA,EAAON,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAGrEC,EAAAA,CAAGF,OAAAA,EAASP,MAAAA,CAAOe,IAAI;AAAA,SAAC,CAAA,CAAGlB,EAAAA,GAAAA,KAAAA,CAAMmB,YAANnB,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAAA,IAAAA,CAAAA,KAAAA,CAAiB,CAAA,CAAA,CAAA,CAAA;AAAA,IAG9D,CAAA;AAAA,EACF;AACF,CAAC,CAAA;AAEM,MAAMoB,IAAAA,GAAOC,YAAY5B,KAAK;;;;"}
+{"version":3,"file":"Card.mjs","sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["// components/card/index.tsx\r\nimport { defineComponent } from \"vue\";\r\n\r\nimport { useStyle } from \"./style\";\r\nimport { cx } from \"@emotion/css\"; // 引入 cx\r\n\r\nimport { useDesign } from \"../../hooks/useDesign\"; // 引入我们刚才写的 hook\r\n\r\nimport { withInstall } from \"../../utils/withInstall\";\r\n\r\nconst _Card = defineComponent({\r\n  name: \"DCard\",\r\n  props: {\r\n    title: String\r\n  },\r\n  setup(props, { slots }) {\r\n    //  初始化 Design Hook，传入组件名 'card'\r\n    const { getPrefixCls } = useDesign(\"card\");\r\n\r\n    // 初始化 Emotion 样式\r\n    const styles = useStyle();\r\n\r\n    return () => {\r\n      // 生成语义化类名\r\n      const rootCls = getPrefixCls();\r\n      const headerCls = getPrefixCls(\"head\");\r\n      const iconCls = getPrefixCls(\"icon\");\r\n      const titleCls = getPrefixCls(\"title\");\r\n      const actionCls = getPrefixCls(\"action\");\r\n      const bodyCls = getPrefixCls(\"body\");\r\n\r\n      return (\r\n        <div class={cx(rootCls, styles.container)}>\r\n          {/* Header 区域 */}\r\n          <div class={cx(headerCls, styles.header)}>\r\n            {slots.icon && (\r\n              <div class={cx(iconCls, styles.icon)}>\r\n                {slots.icon()}\r\n              </div>\r\n            )}\r\n            <div class={cx(titleCls, styles.header_title)}>\r\n              {props.title}\r\n            </div>\r\n          </div>\r\n          {/*action*/}\r\n          {slots.action && (\r\n            <div class={cx(actionCls, styles.action)}>\r\n              {slots.action()}\r\n            </div>\r\n          )}\r\n\r\n          {/* Body 区域 */}\r\n          <div class={cx(bodyCls, styles.body)}>\r\n            {slots.default?.()}\r\n          </div>\r\n        </div>\r\n      );\r\n    };\r\n  }\r\n});\r\n\r\nexport const Card = withInstall(_Card);\r\n"],"names":["_Card","defineComponent","name","props","title","String","setup","slots","getPrefixCls","useDesign","styles","useStyle","rootCls","headerCls","iconCls","titleCls","actionCls","bodyCls","_createVNode","cx","container","header","icon","header_title","action","body","default","Card","withInstall"],"mappings":";;;;;;;AAUA,MAAMA,wBAAQC,eAAAA,CAAgB;AAAA,EAC5BC,IAAAA,EAAM,OAAA;AAAA,EACNC,KAAAA,EAAO;AAAA,IACLC,KAAAA,EAAOC;AAAAA,GACT;AAAA,EACAC,MAAMH,KAAAA,EAAO;AAAA,IAAEI;AAAAA,GAAM,EAAG;AAEtB,IAAA,MAAM;AAAA,MAAEC;AAAAA,KAAa,GAAIC,UAAU,MAAM,CAAA;AAGzC,IAAA,MAAMC,SAASC,QAAAA,EAAS;AAExB,IAAA,OAAO,MAAM;AAtBjB,MAAA,IAAA,EAAA;AAwBM,MAAA,MAAMC,UAAUJ,YAAAA,EAAa;AAC7B,MAAA,MAAMK,SAAAA,GAAYL,aAAa,MAAM,CAAA;AACrC,MAAA,MAAMM,OAAAA,GAAUN,aAAa,MAAM,CAAA;AACnC,MAAA,MAAMO,QAAAA,GAAWP,aAAa,OAAO,CAAA;AACrC,MAAA,MAAMQ,SAAAA,GAAYR,aAAa,QAAQ,CAAA;AACvC,MAAA,MAAMS,OAAAA,GAAUT,aAAa,MAAM,CAAA;AAEnC,MAAA,OAAAU,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EACcC,EAAAA,CAAGP,OAAAA,EAASF,MAAAA,CAAOU,SAAS;AAAA,OAAC,EAAA,CAAAF,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAE3BC,EAAAA,CAAGN,SAAAA,EAAWH,MAAAA,CAAOW,MAAM;AAAA,OAAC,EAAA,CACrCd,KAAAA,CAAMe,IAAAA,IAAIJ,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EACGC,EAAAA,CAAGL,OAAAA,EAASJ,MAAAA,CAAOY,IAAI;AAAA,OAAC,EAAA,CACjCf,KAAAA,CAAMe,IAAAA,EAAM,CAAA,CAAA,EAEhBJ,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EACWC,EAAAA,CAAGJ,QAAAA,EAAUL,MAAAA,CAAOa,YAAY;AAAA,OAAC,EAAA,CAC1CpB,KAAAA,CAAMC,KAAK,CAAA,CAAA,CAAA,CAAA,EAIfG,KAAAA,CAAMiB,MAAAA,IAAMN,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EACCC,EAAAA,CAAGH,SAAAA,EAAWN,MAAAA,CAAOc,MAAM;AAAA,OAAC,EAAA,CACrCjB,KAAAA,CAAMiB,MAAAA,EAAQ,CAAA,CAAA,EAElBN,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAGWC,EAAAA,CAAGF,OAAAA,EAASP,MAAAA,CAAOe,IAAI;AAAA,SAAC,CAAA,CACjClB,EAAAA,GAAAA,KAAAA,CAAMmB,YAANnB,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAAA,IAAAA,CAAAA,KAAAA,CAAiB,CAAA,CAAA,CAAA,CAAA;AAAA,IAI1B,CAAA;AAAA,EACF;AACF,CAAC,CAAA;AAEM,MAAMoB,IAAAA,GAAOC,YAAY5B,KAAK;;;;"}

package/dist/esm/components/index.mjs

@@ -17,6 +17,7 @@ export { default as RangePicker } from './date/RangePicker.vue2.mjs';
 export { default as FormLayout } from './form/FormLayout.mjs';
 export { default as Moon } from './icon/Moon.vue.mjs';
 export { default as Sun } from './icon/Sun.vue.mjs';
+export { AppContextKey } from './layout/AppContext.mjs';
 export { default as AppTheme } from './layout/components/layout/ThemeApp.vue2.mjs';
 export { default as HeaderLayout } from './layout/components/layout/HeaderLayout.vue2.mjs';
 export { default as Menu } from './layout/components/menu/Menu.mjs';

package/dist/esm/components/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/layout/AppContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AppContext.mjs","sources":["../../../../src/components/layout/AppContext.ts"],"sourcesContent":["import { ComputedRef, VNode } from \"vue\";\r\n\r\nexport const AppContextKey = Symbol(\"d-bsui-context\");\r\nexport interface AppContext {\r\n  // 水印\r\n  watermarkContent?: ComputedRef<{ content: string }>;\r\n  renderMenuIcon?: (item: {\r\n    icon: string;\r\n  }) => VNode | VNode[];\r\n}\r\n"],"names":[],"mappings":";AAEO,MAAM,aAAA,GAAgB,OAAO,gBAAgB;;;;"}
+{"version":3,"file":"AppContext.mjs","sources":["../../../../src/components/layout/AppContext.ts"],"sourcesContent":["import { ComputedRef, VNode } from \"vue\";\r\n\r\nexport const AppContextKey = Symbol(\"d-bsui-context\");\r\nexport interface AppContext {\r\n  // 水印\r\n  watermarkContent?: ComputedRef<{ content: string }>;\r\n  renderMenuIcon?: (item: {\r\n    icon: string;\r\n  }) => VNode | VNode[];\r\n  // 缓存方式 Name:组件名称  Path:路径缓\r\n  keepAliveMode: \"Name\" | \"Path\";\r\n  // 多标签重载\r\n  onReloadPage?: (item: { [key: string]: unknown }) => void;\r\n  // 多标签是否开启右键菜单\r\n  enableTabContextMenu?: boolean;\r\n}\r\n"],"names":[],"mappings":";AAEO,MAAM,aAAA,GAAgB,OAAO,gBAAgB;;;;"}