@ditari/bsui 5.1.2 → 5.1.4

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

@@ -3,46 +3,82 @@
 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 __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "RouterContent",
-  setup(__props) {
+  setup(__props, { expose: __expose }) {
     const { list } = pinia.storeToRefs(store.useNavTabStore());
-    const route = vueRouter.useRoute();
+    const toPascalCase = (str) => {
+      return str.replace(/[^a-zA-Z0-9]/g, " ").split(" ").filter(Boolean).map(
+        (word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()
+      ).join("");
+    };
+    const refreshingPath = vue.ref(null);
+    const wrapperMap = /* @__PURE__ */ new Map();
     const cachedViews = vue.computed(() => {
-      return list.value.filter(
-        (tab) => {
-          var _a;
-          return ((_a = tab.meta) == null ? void 0 : _a.keepAlive) === true && tab.fullPath;
-        }
-      ).map((tab) => tab.fullPath);
+      return list.value.filter((tab) => {
+        var _a;
+        const isKeepAlive = ((_a = tab.meta) == null ? void 0 : _a.keepAlive) === true;
+        const isNotRefreshing = tab.fullPath !== refreshingPath.value;
+        return isKeepAlive && tab.fullPath && isNotRefreshing;
+      }).map((tab) => {
+        return tab.name || toPascalCase(tab.fullPath);
+      });
     });
-    const wrapperMap = /* @__PURE__ */ new Map();
-    const getWrapper = (Component, route2) => {
+    const getWrapper = (Component, route) => {
       if (!Component) return null;
-      const wrapperName = route2.fullPath;
-      if (wrapperMap.has(wrapperName)) {
-        return wrapperMap.get(wrapperName);
+      const fullPath = route.fullPath;
+      const wrapperName = route.name || toPascalCase(fullPath);
+      if (wrapperMap.has(fullPath)) {
+        return wrapperMap.get(fullPath);
       }
       const wrapper = vue.defineComponent({
         name: wrapperName,
-        // 这确保了 keep-alive 的 include 能够匹配到
+        // 供 KeepAlive 识别
         setup() {
           return () => vue.h(Component);
         }
       });
-      wrapperMap.set(wrapperName, wrapper);
+      wrapperMap.set(fullPath, wrapper);
       return wrapper;
     };
+    const reloadPage = (fullPath) => __async(null, null, function* () {
+      refreshingPath.value = fullPath;
+      wrapperMap.delete(fullPath);
+      yield vue.nextTick();
+      yield vue.nextTick();
+      refreshingPath.value = null;
+    });
+    __expose({ reloadPage });
     vue.watch(
       cachedViews,
       (names) => {
-        wrapperMap.forEach((_, key) => {
-          if (!names.includes(key)) {
+        const activeNames = new Set(names);
+        wrapperMap.forEach((wrapper, key) => {
+          if (!activeNames.has(wrapper.name)) {
             wrapperMap.delete(key);
           }
         });
@@ -52,7 +88,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       const _component_router_view = vue.resolveComponent("router-view");
       return vue.openBlock(), vue.createBlock(_component_router_view, null, {
-        default: vue.withCtx(({ Component }) => [
+        default: vue.withCtx(({ Component, route: currentRoute }) => [
           vue.createVNode(
             vue.Transition,
             {
@@ -63,8 +99,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             {
               default: vue.withCtx(() => [
                 (vue.openBlock(), vue.createBlock(vue.KeepAlive, { include: cachedViews.value }, [
-                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(getWrapper(Component, vue.unref(route))), {
-                    key: vue.unref(route).fullPath
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(getWrapper(Component, currentRoute)), {
+                    key: currentRoute.fullPath
                   }))
                 ], 1032, ["include"]))
               ]),

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 { computed, defineComponent, h, watch } from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport { useNavTabStore } from \"@ditari/store\";\r\n\r\nconst { list } = storeToRefs(useNavTabStore());\r\nconst route = useRoute();\r\n\r\n// 1. 依然保留 cachedViews，它存储的是 fullPath 数组\r\nconst cachedViews = computed<string[]>(() => {\r\n  return list.value\r\n    .filter(\r\n      tab => tab.meta?.keepAlive === true && tab.fullPath\r\n    ) // 确保 fullPath 存在\r\n    .map(tab => tab.fullPath as string); // 明确断言为 string\r\n});\r\n\r\n// 2. 使用 shallowRef 存储包装组件，避免不必要的深层响应式开销\r\nconst wrapperMap = new Map();\r\n\r\nconst getWrapper = (Component: any, route: any) => {\r\n  if (!Component) return null;\r\n\r\n  // 使用 fullPath 作为唯一的组件名\r\n  const wrapperName = route.fullPath;\r\n\r\n  if (wrapperMap.has(wrapperName)) {\r\n    return wrapperMap.get(wrapperName);\r\n  }\r\n\r\n  // 3. 关键：创建一个新组件，其 name 必须在 cachedViews 数组中\r\n  const wrapper = defineComponent({\r\n    name: wrapperName, // 这确保了 keep-alive 的 include 能够匹配到\r\n    setup() {\r\n      return () => h(Component);\r\n    }\r\n  });\r\n\r\n  wrapperMap.set(wrapperName, wrapper);\r\n  return wrapper;\r\n};\r\nwatch(\r\n  cachedViews,\r\n  names => {\r\n    wrapperMap.forEach((_, key) => {\r\n      if (!names.includes(key)) {\r\n        wrapperMap.delete(key);\r\n      }\r\n    });\r\n  },\r\n  { deep: true }\r\n);\r\n</script>\r\n<template>\r\n  <router-view v-slot=\"{ Component }\">\r\n    <transition name=\"main\" mode=\"out-in\" appear>\r\n      <keep-alive :include=\"cachedViews\">\r\n        <component\r\n          :is=\"getWrapper(Component, route)\"\r\n          :key=\"route.fullPath\"\r\n        />\r\n      </keep-alive>\r\n    </transition>\r\n  </router-view>\r\n</template>\r\n"],"names":["storeToRefs","useNavTabStore","useRoute","computed","route","defineComponent","h","watch","_createBlock","_withCtx","_createVNode","_Transition","_KeepAlive","_openBlock","_resolveDynamicComponent","_unref"],"mappings":";;;;;;;;;;;;;AAOA,IAAA,MAAM,EAAE,IAAA,EAAK,GAAIA,iBAAA,CAAYC,sBAAgB,CAAA;AAC7C,IAAA,MAAM,QAAQC,kBAAA,EAAS;AAGvB,IAAA,MAAM,WAAA,GAAcC,aAAmB,MAAM;AAC3C,MAAA,OAAO,KAAK,KAAA,CACT,MAAA;AAAA,QACC,CAAA,GAAA,KAAI;;AAAG,UAAA,OAAA,CAAA,CAAA,EAAA,GAAA,GAAA,CAAI,IAAA,KAAJ,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAU,SAAA,MAAc,IAAA,IAAQ,GAAA,CAAI,QAAA;AAAA,QAAA;AAAA,OAC7C,CACC,GAAA,CAAI,CAAA,GAAA,KAAO,GAAA,CAAI,QAAkB,CAAA;AAAA,IACtC,CAAC,CAAA;AAGD,IAAA,MAAM,UAAA,uBAAiB,GAAA,EAAI;AAE3B,IAAA,MAAM,UAAA,GAAa,CAAC,SAAA,EAAgBC,MAAAA,KAAe;AACjD,MAAA,IAAI,CAAC,WAAW,OAAO,IAAA;AAGvB,MAAA,MAAM,cAAcA,MAAAA,CAAM,QAAA;AAE1B,MAAA,IAAI,UAAA,CAAW,GAAA,CAAI,WAAW,CAAA,EAAG;AAC/B,QAAA,OAAO,UAAA,CAAW,IAAI,WAAW,CAAA;AAAA,MACnC;AAGA,MAAA,MAAM,UAAUC,mBAAA,CAAgB;AAAA,QAC9B,IAAA,EAAM,WAAA;AAAA;AAAA,QACN,KAAA,GAAQ;AACN,UAAA,OAAO,MAAMC,MAAE,SAAS,CAAA;AAAA,QAC1B;AAAA,OACD,CAAA;AAED,MAAA,UAAA,CAAW,GAAA,CAAI,aAAa,OAAO,CAAA;AACnC,MAAA,OAAO,OAAA;AAAA,IACT,CAAA;AACA,IAAAC,SAAA;AAAA,MACE,WAAA;AAAA,MACA,CAAA,KAAA,KAAS;AACP,QAAA,UAAA,CAAW,OAAA,CAAQ,CAAC,CAAA,EAAG,GAAA,KAAQ;AAC7B,UAAA,IAAI,CAAC,KAAA,CAAM,QAAA,CAAS,GAAG,CAAA,EAAG;AACxB,YAAA,UAAA,CAAW,OAAO,GAAG,CAAA;AAAA,UACvB;AAAA,QACF,CAAC,CAAA;AAAA,MACH,CAAA;AAAA,MACA,EAAE,MAAM,IAAA;AAAK,KACf;;;8BAGEC,eAAA,CASc,sBAAA,EAAA,IAAA,EAAA;AAAA,QARZ,OAAA,EAAAC,WAAA,CAAA,CAOa,EARQ,WAAS,KAAA;AAAA,UAC9BC,eAAA;AAAA,YAOaC,cAAA;AAAA,YAAA;AAAA,cAPD,IAAA,EAAK,MAAA;AAAA,cAAO,IAAA,EAAK,QAAA;AAAA,cAAS,MAAA,EAAA;AAAA;;mCACpC,MAKa;AAAA,kCALbH,eAAA,CAKaI,aAAA,EAAA,EALA,OAAA,EAAS,WAAA,CAAA,OAAW,EAAA;AAAA,mBAC/BC,aAAA,EAAA,EAAAL,eAAA,CAGEM,2BAAA,CAFK,UAAA,CAAW,WAAWC,SAAA,CAAA,KAAA,CAAK,CAAA,CAAA,EAAA;AAAA,oBAC/B,GAAA,EAAKA,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.vue2.cjs

@@ -17,33 +17,48 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const route = vueRouter.useRoute();
     return (_ctx, _cache) => {
       const _component_router_view = vue.resolveComponent("router-view");
-      return vue.openBlock(), vue.createBlock(_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).path
-                  }))
-                ], 1032, ["include"]))
-              ]),
-              _: 2
-              /* DYNAMIC */
-            },
-            1024
-            /* DYNAMIC_SLOTS */
-          )
-        ]),
-        _: 1
-        /* STABLE */
-      });
+      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 */
+      );
     };
   }
 });

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

@@ -1 +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  <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":["useKeepAliveStore","storeToRefs","computed","useRoute","_createBlock","_withCtx","_createVNode","_Transition","_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;;;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":"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/tab/Tab.vue2.cjs

@@ -130,18 +130,12 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       );
       const store$1 = store.useNavTabStore();
       const router = vueRouter.useRouter();
-      const onContextMenuClick2 = ({ key }, targetKey) => {
+      const onContextMenuClick2 = ({ key }, item) => {
         var _a, _b, _c, _d;
+        const targetKey = item.fullPath;
         switch (key) {
           case "reload":
-            if (targetKey !== activeKey.value) {
-              router.push(targetKey).then(() => {
-                var _a2;
-                return (_a2 = appContext == null ? void 0 : appContext.onReloadPage) == null ? void 0 : _a2.call(appContext);
-              });
-            } else {
-              (_a = appContext == null ? void 0 : appContext.onReloadPage) == null ? void 0 : _a.call(appContext);
-            }
+            (_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);
@@ -229,7 +223,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                             {
                               overlay: vue.withCtx(() => [
                                 vue.createVNode(_component_a_menu, {
-                                  onClick: (e) => vue.unref(onContextMenuClick)(e, item.fullPath)
+                                  onClick: (e) => vue.unref(onContextMenuClick)(e, item)
                                 }, {
                                   default: vue.withCtx(() => [
                                     vue.createVNode(_component_a_menu_item, { key: "reload" }, {

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 {\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    targetKey: string\r\n  ) => {\r\n    switch (key) {\r\n      case \"reload\":\r\n        // 如果点击的不是当前激活页，先跳转再刷新\r\n        if (targetKey !== activeKey.value) {\r\n          router\r\n            .push(targetKey)\r\n            .then(() => appContext?.onReloadPage?.());\r\n        } else {\r\n          appContext?.onReloadPage?.();\r\n        }\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=\"\r\n                    e =>\r\n                      onContextMenuClick(e, item.fullPath)\r\n                  \"\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","_a","_createElementBlock","_normalizeClass","_unref","_createVNode","Search","_createElementVNode","_Fragment","_renderList","_createBlock","_openBlock","_toDisplayString","ReloadOutlined","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/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/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  // 缓存方式 Name:组件名称  Path:路径缓\r\n  keepAliveMode: \"Name\" | \"Path\";\r\n  // 多标签重载\r\n  onReloadPage?: () => void;\r\n  // 多标签是否开启右键菜单\r\n  enableTabContextMenu?: boolean;\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;;;;"}

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

@@ -1,4 +1,4 @@
-import { defineComponent, provide, computed, watch, resolveComponent, createElementBlock, openBlock, Fragment, createVNode, createBlock, createCommentVNode, normalizeClass, unref, withCtx, createElementVNode, renderSlot } from 'vue';
+import { defineComponent, provide, computed, ref, watch, resolveComponent, createElementBlock, openBlock, Fragment, createVNode, createBlock, createCommentVNode, normalizeClass, unref, withCtx, createElementVNode, renderSlot } from 'vue';
 import { useRoute } from 'vue-router';
 import { storeToRefs } from 'pinia';
 import { AppContextKey } from './AppContext.mjs';
@@ -8,10 +8,8 @@ import { useAppStore, useKeepAliveStore } from '@ditari/store';
 import { css } from '@emotion/css';
 import './components/layout/HeaderLayout.vue.mjs';
 import './components/layout/RouterContent.vue.mjs';
-import './components/layout/RouterContentName.vue.mjs';
 import _sfc_main$1 from './components/layout/HeaderLayout.vue2.mjs';
-import _sfc_main$2 from './components/layout/RouterContentName.vue2.mjs';
-import _sfc_main$3 from './components/layout/RouterContent.vue2.mjs';
+import _sfc_main$2 from './components/layout/RouterContent.vue2.mjs';
 
 "use strict";
 const _hoisted_1 = { class: "app-side" };
@@ -24,7 +22,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     isSettings: { type: Boolean, required: false, default: false },
     renderMenuIcon: { type: Function, required: false, default: void 0 },
     keepAliveMode: { type: String, required: false, default: "Name" },
-    onReloadPage: { type: Function, required: false },
     enableTabContextMenu: { type: Boolean, required: false, default: true }
   },
   emits: ["onMenuClick"],
@@ -33,12 +30,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const emits = __emit;
     const { layout, modeConfig, sideTokenStyle } = storeToRefs(useAppStore());
     const { onMenuClick } = useMenu();
+    const { routerContentRef, onReloadPage } = useReloadPage();
     provide(AppContextKey, {
       watermarkContent: computed(() => props.watermark || ""),
       renderMenuIcon: props.renderMenuIcon,
       keepAliveMode: props.keepAliveMode,
-      onReloadPage: props.onReloadPage,
-      enableTabContextMenu: props.enableTabContextMenu
+      enableTabContextMenu: props.enableTabContextMenu,
+      onReloadPage
     });
     const {
       layoutStyle,
@@ -47,6 +45,17 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       rightContentStyle
     } = useStyle();
     useKeepAlive();
+    function useReloadPage() {
+      const routerContentRef2 = ref();
+      function onReloadPage2(item) {
+        var _a;
+        (_a = routerContentRef2.value) == null ? void 0 : _a.reloadPage(item.fullPath);
+      }
+      return {
+        routerContentRef: routerContentRef2,
+        onReloadPage: onReloadPage2
+      };
+    }
     function useKeepAlive() {
       const route = useRoute();
       const { save } = useKeepAliveStore();
@@ -162,7 +171,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     class: normalizeClass(unref(rightContentStyle))
                   }, {
                     default: withCtx(() => [
-                      __props.keepAliveMode === "Name" ? (openBlock(), createBlock(_sfc_main$2, { key: 0 })) : (openBlock(), createBlock(_sfc_main$3, { key: 1 }))
+                      createVNode(
+                        _sfc_main$2,
+                        {
+                          ref_key: "routerContentRef",
+                          ref: routerContentRef
+                        },
+                        null,
+                        512
+                        /* NEED_PATCH */
+                      )
                     ]),
                     _: 1
                     /* STABLE */

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, VNode, watch } from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport { AppContext, AppContextKey } from \"./AppContext\";\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\nimport RouterContentName from \"./components/layout/RouterContentName.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: false },\n  renderMenuIcon: { type: Function, required: false, default: undefined },\n  keepAliveMode: { type: String, required: false, default: \"Name\" },\n  onReloadPage: { type: Function, required: false },\n  enableTabContextMenu: { type: Boolean, required: false, default: true }\n});\r\nconst emits = defineEmits([\"onMenuClick\"]);\r\n\r\nconst { layout, modeConfig, sideTokenStyle } =\r\n  storeToRefs(useAppStore());\r\n\r\nconst { onMenuClick } = useMenu();\r\n\r\nprovide<AppContext>(AppContextKey, {\r\n  watermarkContent: computed(() => props.watermark || \"\"),\r\n  renderMenuIcon: props.renderMenuIcon,\r\n  keepAliveMode: props.keepAliveMode,\r\n  onReloadPage: props.onReloadPage,\r\n  enableTabContextMenu: props.enableTabContextMenu\r\n});\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  const route = useRoute();\r\n  // 保存需要被缓存的标签\r\n  const { save } = useKeepAliveStore();\r\n  watch(\r\n    () => route.path,\r\n    () => {\r\n      //  如果是组件名方式缓存，那么存入Name\r\n      if (props.keepAliveMode === \"Name\") {\r\n        save(route);\r\n      }\r\n    },\r\n    {\r\n      immediate: true\r\n    }\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      :width=\"layout.sideWidth\"\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        <RouterContentName\r\n          v-if=\"keepAliveMode === 'Name'\"\r\n        />\r\n        <RouterContent v-else />\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","_createVNode","_unref","_createElementVNode","_renderSlot","DMenu","HeaderLayout","_createBlock","RouterContentName","RouterContent"],"mappings":"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"}
+{"version":3,"file":"Layout.vue2.mjs","sources":["../../../../src/components/layout/Layout.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, provide, ref, VNode, watch } from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport { AppContext, AppContextKey } from \"./AppContext\";\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: false },\n  renderMenuIcon: { type: Function, required: false, default: undefined },\n  keepAliveMode: { type: String, required: false, default: \"Name\" },\n  enableTabContextMenu: { type: Boolean, required: false, default: true }\n});\r\nconst emits = defineEmits([\"onMenuClick\"]);\r\n\r\nconst { layout, modeConfig, sideTokenStyle } =\r\n  storeToRefs(useAppStore());\r\n\r\nconst { onMenuClick } = useMenu();\r\nconst { routerContentRef, onReloadPage } = useReloadPage();\r\n\r\nprovide<AppContext>(AppContextKey, {\r\n  watermarkContent: computed(() => props.watermark || \"\"),\r\n  renderMenuIcon: props.renderMenuIcon,\r\n  keepAliveMode: props.keepAliveMode,\r\n  enableTabContextMenu: props.enableTabContextMenu,\r\n  onReloadPage\r\n});\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 useReloadPage() {\r\n  const routerContentRef = ref();\r\n\r\n  function onReloadPage(item: { [key: string]: unknown }) {\r\n    routerContentRef.value?.reloadPage(item.fullPath);\r\n  }\r\n  return {\r\n    routerContentRef,\r\n    onReloadPage\r\n  };\r\n}\r\n\r\nfunction useKeepAlive() {\r\n  const route = useRoute();\r\n  // 保存需要被缓存的标签\r\n  const { save } = useKeepAliveStore();\r\n  watch(\r\n    () => route.path,\r\n    () => {\r\n      //  如果是组件名方式缓存，那么存入Name\r\n      if (props.keepAliveMode === \"Name\") {\r\n        save(route);\r\n      }\r\n    },\r\n    {\r\n      immediate: true\r\n    }\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      :width=\"layout.sideWidth\"\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 ref=\"routerContentRef\" />\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":["routerContentRef","onReloadPage","layoutStyle","siderStyle","rightStyle","rightContentStyle","onMenuClick","_createVNode","_unref","_createElementVNode","_renderSlot","DMenu","HeaderLayout","RouterContent","_createBlock"],"mappings":"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"}

package/dist/esm/components/layout/List.mjs

@@ -123,7 +123,7 @@ const list = /* @__PURE__ */ defineComponent({
     }
     function useReload() {
       let stopHandleWatch;
-      if (!route.name) {
+      if (!route.name && !route.meta.keepAlive) {
         stopHandleWatch = _useWatch();
         onUnmounted(() => {
           stopHandleWatch == null ? void 0 : stopHandleWatch();
@@ -229,29 +229,32 @@ const list = /* @__PURE__ */ defineComponent({
         },
         "content": watermarkContent.value
       }, {
-        default: () => [createVNode(Flex, {
-          "class": [listStyle.value, "app-list"],
-          "gap": 10
-        }, {
-          default: () => [slots.left ? createVNode(Card, {
-            "class": [cardStyle, leftCardStyle],
-            "bordered": false,
-            "bodyStyle": {
-              height: "100%",
-              padding: "10px"
-            }
-          }, {
-            default: () => {
-              var _a;
-              return [(_a = slots.left) == null ? void 0 : _a.call(slots)];
-            }
-          }) : null, createVNode(Flex, {
-            "vertical": true,
-            "flex": 1
+        default: () => {
+          var _a;
+          return [createVNode(Flex, {
+            "class": [listStyle.value, "app-list"],
+            "gap": 10
           }, {
-            default: () => [formLayout()(), tableLayout()()]
-          })]
-        })]
+            default: () => [slots.left ? createVNode(Card, {
+              "class": [cardStyle, leftCardStyle],
+              "bordered": false,
+              "bodyStyle": {
+                height: "100%",
+                padding: "10px"
+              }
+            }, {
+              default: () => {
+                var _a2;
+                return [(_a2 = slots.left) == null ? void 0 : _a2.call(slots)];
+              }
+            }) : null, createVNode(Flex, {
+              "vertical": true,
+              "flex": 1
+            }, {
+              default: () => [formLayout()(), tableLayout()()]
+            })]
+          }), (_a = slots.extra) == null ? void 0 : _a.call(slots)];
+        }
       });
     }
     return () => useLayout();