@ditari/bsui 1.1.38 → 1.1.39

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @ditari/bsui
 
+## 1.1.39
+
+### Patch Changes
+
+- 接近缓存导致内存溢出的问题
+
 ## 1.1.38
 
 ### Patch Changes

package/dist/cjs/layout/FuckMain.vue.d.ts

@@ -41,6 +41,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     }>;
     switchCollapsed: () => void;
     collapsedStatus: import("vue").ComputedRef<boolean>;
+    keepAliveRef: import("vue").Ref<any>;
     readonly MenuFoldOutlined: import("@ant-design/icons-vue/lib/icons/MenuFoldOutlined").MenuFoldOutlinedIconType;
     readonly MenuUnfoldOutlined: import("@ant-design/icons-vue/lib/icons/MenuUnfoldOutlined").MenuUnfoldOutlinedIconType;
     DNavTabs: import("vue").DefineComponent<{}, {

package/dist/cjs/layout/FuckMain.vue2.cjs

@@ -19,6 +19,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const settingsStore = store.useSettingsStore();
     const { switchCollapsed } = settingsStore;
     const collapsedStatus = vue.computed(() => settingsStore.getCollapsed);
+    const keepAliveRef = vue.ref();
+    vue.nextTick(() => {
+      const instance = vue.getCurrentInstance();
+      console.log(instance);
+    });
     return (_ctx, _cache) => {
       const _component_a_layout_sider = vue.resolveComponent("a-layout-sider");
       const _component_router_view = vue.resolveComponent("router-view");
@@ -85,36 +90,12 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     class: "ditari-layout-content"
                   }, {
                     default: vue.withCtx(() => [
-                      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, {
-                                  ref: "keepAliveRef",
-                                  include: keepAliveNames.value
-                                }, [
-                                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(Component), {
-                                    key: _ctx.$route.path
-                                  }))
-                                ], 1032, ["include"]))
-                              ]),
-                              _: 2
-                              /* DYNAMIC */
-                            },
-                            1024
-                            /* DYNAMIC_SLOTS */
-                          )
-                        ]),
-                        _: 1
-                        /* STABLE */
-                      }),
+                      vue.createVNode(_component_router_view),
+                      vue.createCommentVNode('          <transition name="main" mode="out-in" appear>'),
+                      vue.createCommentVNode('            <keep-alive ref="keepAliveRef" :include="keepAliveNames">'),
+                      vue.createCommentVNode('              <component :is="Component" :key="$route.path" />'),
+                      vue.createCommentVNode("            </keep-alive>"),
+                      vue.createCommentVNode("          </transition>"),
                       vue.renderSlot(_ctx.$slots, "micro")
                     ]),
                     _: 3

package/dist/cjs/layout/FuckMain.vue2.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FuckMain.vue2.cjs","sources":["../../../src/layout/FuckMain.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * FUCK MAIN 入口文件\n */\nimport { computed } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n</script>\n<template>\n  <a-layout class=\"ditari-layout\">\n    <a-layout-sider\n      v-model:collapsed=\"collapsedStatus\"\n      :trigger=\"null\"\n      collapsible\n      class=\"ditari-layout-sider\"\n    >\n      <div class=\"ditari-logo\">\n        <slot name=\"logo\"></slot>\n      </div>\n      <div class=\"ditari-menu\">\n        <Menu />\n      </div>\n    </a-layout-sider>\n    <a-layout>\n      <div\n        class=\"ditari-fuck-top-layout\"\n        :style=\"{ left: collapsedStatus ? '80px' : '200px' }\"\n      >\n        <div class=\"ditari-side-collapsed\" @click=\"switchCollapsed\">\n          <menu-unfold-outlined\n            v-if=\"collapsedStatus\"\n            class=\"trigger\"\n            style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n          />\n          <menu-fold-outlined\n            v-else\n            style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n          />\n        </div>\n        <d-nav-tabs />\n        <div class=\"ditari-user-menu\">\n          <slot name=\"operation\"></slot>\n        </div>\n      </div>\n      <a-layout-content\n        style=\"margin-top: 42px\"\n        class=\"ditari-layout-content\"\n        :style=\"{ marginLeft: collapsedStatus ? '80px' : '200px' }\"\n      >\n        <router-view v-slot=\"{ Component }\">\n          <transition name=\"main\" mode=\"out-in\" appear>\n            <keep-alive ref=\"keepAliveRef\" :include=\"keepAliveNames\">\n              <component :is=\"Component\" :key=\"$route.path\" />\n            </keep-alive>\n          </transition>\n        </router-view>\n        <slot name=\"micro\"></slot>\n      </a-layout-content>\n    </a-layout>\n  </a-layout>\n  <a-back-top class=\"ditari-ant-back-top\" :visibility-height=\"50\"></a-back-top>\n</template>\n"],"names":["store","useKeepAliveStore","computed","useSettingsStore"],"mappings":";;;;;;;;;;;;;;;;AAcA,IAAA,MAAMA,UAAQC,uBAAkB,EAAA,CAAA;AAEhC,IAAA,MAAM,cAAiB,GAAAC,YAAA,CAAS,MAAMF,OAAA,CAAM,GAAG,CAAA,CAAA;AAE/C,IAAA,MAAM,gBAAgBG,sBAAiB,EAAA,CAAA;AACvC,IAAM,MAAA,EAAE,iBAAoB,GAAA,aAAA,CAAA;AAC5B,IAAA,MAAM,eAAkB,GAAAD,YAAA,CAAS,MAAM,aAAA,CAAc,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FuckMain.vue2.cjs","sources":["../../../src/layout/FuckMain.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * FUCK MAIN 入口文件\n */\nimport { computed, getCurrentInstance, nextTick, ref } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n\nconst keepAliveRef = ref();\n\nnextTick(() => {\n  const instance: any = getCurrentInstance();\n  console.log(instance);\n});\n</script>\n<template>\n  <a-layout class=\"ditari-layout\">\n    <a-layout-sider\n      v-model:collapsed=\"collapsedStatus\"\n      :trigger=\"null\"\n      collapsible\n      class=\"ditari-layout-sider\"\n    >\n      <div class=\"ditari-logo\">\n        <slot name=\"logo\"></slot>\n      </div>\n      <div class=\"ditari-menu\">\n        <Menu />\n      </div>\n    </a-layout-sider>\n    <a-layout>\n      <div\n        class=\"ditari-fuck-top-layout\"\n        :style=\"{ left: collapsedStatus ? '80px' : '200px' }\"\n      >\n        <div class=\"ditari-side-collapsed\" @click=\"switchCollapsed\">\n          <menu-unfold-outlined\n            v-if=\"collapsedStatus\"\n            class=\"trigger\"\n            style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n          />\n          <menu-fold-outlined\n            v-else\n            style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n          />\n        </div>\n        <d-nav-tabs />\n        <div class=\"ditari-user-menu\">\n          <slot name=\"operation\"></slot>\n        </div>\n      </div>\n      <a-layout-content\n        style=\"margin-top: 42px\"\n        class=\"ditari-layout-content\"\n        :style=\"{ marginLeft: collapsedStatus ? '80px' : '200px' }\"\n      >\n        <router-view />\n        <!--          <transition name=\"main\" mode=\"out-in\" appear>-->\n        <!--            <keep-alive ref=\"keepAliveRef\" :include=\"keepAliveNames\">-->\n        <!--              <component :is=\"Component\" :key=\"$route.path\" />-->\n        <!--            </keep-alive>-->\n        <!--          </transition>-->\n        <slot name=\"micro\"></slot>\n      </a-layout-content>\n    </a-layout>\n  </a-layout>\n  <a-back-top class=\"ditari-ant-back-top\" :visibility-height=\"50\"></a-back-top>\n</template>\n"],"names":["store","useKeepAliveStore","computed","useSettingsStore","ref","nextTick","getCurrentInstance"],"mappings":";;;;;;;;;;;;;;;;AAcA,IAAA,MAAMA,UAAQC,uBAAkB,EAAA,CAAA;AAEhC,IAAA,MAAM,cAAiB,GAAAC,YAAA,CAAS,MAAMF,OAAA,CAAM,GAAG,CAAA,CAAA;AAE/C,IAAA,MAAM,gBAAgBG,sBAAiB,EAAA,CAAA;AACvC,IAAM,MAAA,EAAE,iBAAoB,GAAA,aAAA,CAAA;AAC5B,IAAA,MAAM,eAAkB,GAAAD,YAAA,CAAS,MAAM,aAAA,CAAc,YAAY,CAAA,CAAA;AAEjE,IAAA,MAAM,eAAeE,OAAI,EAAA,CAAA;AAEzB,IAAAC,YAAA,CAAS,MAAM;AACb,MAAA,MAAM,WAAgBC,sBAAmB,EAAA,CAAA;AACzC,MAAA,OAAA,CAAQ,IAAI,QAAQ,CAAA,CAAA;AAAA,KACrB,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/layout/Main.vue2.cjs

@@ -101,36 +101,14 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     style: vue.normalizeStyle({ marginLeft: collapsedStatus.value ? "80px" : "200px" })
                   }, {
                     default: vue.withCtx(() => [
-                      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, {
-                                  ref: "keepAliveRef",
-                                  include: keepAliveNames.value
-                                }, [
-                                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(Component), {
-                                    key: _ctx.$route.path
-                                  }))
-                                ], 1032, ["include"]))
-                              ]),
-                              _: 2
-                              /* DYNAMIC */
-                            },
-                            1024
-                            /* DYNAMIC_SLOTS */
-                          )
-                        ]),
-                        _: 1
-                        /* STABLE */
-                      }),
+                      vue.createVNode(_component_router_view),
+                      vue.createCommentVNode('        <router-view v-slot="{ Component }">'),
+                      vue.createCommentVNode('          <transition name="main" mode="out-in" appear>'),
+                      vue.createCommentVNode('            <keep-alive ref="keepAliveRef" :include="keepAliveNames">'),
+                      vue.createCommentVNode('              <component :is="Component" :key="$route.path" />'),
+                      vue.createCommentVNode("            </keep-alive>"),
+                      vue.createCommentVNode("          </transition>"),
+                      vue.createCommentVNode("        </router-view>"),
                       vue.renderSlot(_ctx.$slots, "micro")
                     ]),
                     _: 3

package/dist/cjs/layout/Main.vue2.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Main.vue2.cjs","sources":["../../../src/layout/Main.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * 入口文件\n */\nimport { computed, provide } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n//面包屑组件\nimport DBreadcrumb from \"./Breadcrumb.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\nconst props = defineProps({\n  \"showConfig\": { type: null, required: false, default: { backBtn: \"LeftOutlined\" } as any },\n  \"breadcrumbStatus\": { type: Boolean, required: false,  }\n});\n\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n// 注入show组件的配置文件\nprovide(\"showConfig\", props.showConfig);\n</script>\n<template>\n  <a-layout class=\"ditari-layout\">\n    <a-layout-sider\n      v-model:collapsed=\"collapsedStatus\"\n      :trigger=\"null\"\n      collapsible\n      class=\"ditari-layout-sider\"\n    >\n      <div>\n        <div class=\"ditari-logo\">\n          <slot name=\"logo\"></slot>\n        </div>\n        <div class=\"ditari-menu\">\n          <Menu />\n        </div>\n      </div>\n    </a-layout-sider>\n    <a-layout>\n      <div\n        class=\"ditari-top-layout\"\n        :style=\"{ left: collapsedStatus ? '80px' : '200px' }\"\n      >\n        <d-nav-tabs />\n        <div class=\"ditari-layout-header\">\n          <div class=\"ditari-layout-header-left\">\n            <div class=\"ditari-side-collapsed\" @click=\"switchCollapsed\">\n              <menu-unfold-outlined\n                v-if=\"collapsedStatus\"\n                class=\"trigger\"\n                style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n              />\n              <menu-fold-outlined\n                v-else\n                style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n              />\n            </div>\n            <d-breadcrumb />\n          </div>\n          <div class=\"ditari-user-menu\">\n            <slot name=\"operation\"></slot>\n          </div>\n        </div>\n      </div>\n      <a-layout-content\n        class=\"ditari-layout-content\"\n        :style=\"{ marginLeft: collapsedStatus ? '80px' : '200px' }\"\n      >\n        <router-view v-slot=\"{ Component }\">\n          <transition name=\"main\" mode=\"out-in\" appear>\n            <keep-alive ref=\"keepAliveRef\" :include=\"keepAliveNames\">\n              <component :is=\"Component\" :key=\"$route.path\" />\n            </keep-alive>\n          </transition>\n        </router-view>\n        <slot name=\"micro\"></slot>\n      </a-layout-content>\n    </a-layout>\n  </a-layout>\n  <a-back-top class=\"ditari-ant-back-top\" :visibility-height=\"50\"></a-back-top>\n</template>\n<style lang=\"scss\"></style>\n"],"names":["store","useKeepAliveStore","computed","useSettingsStore","provide"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,MAAMA,UAAQC,uBAAkB,EAAA,CAAA;AAEhC,IAAA,MAAM,cAAiB,GAAAC,YAAA,CAAS,MAAMF,OAAA,CAAM,GAAG,CAAA,CAAA;AAE/C,IAAA,MAAM,gBAAgBG,sBAAiB,EAAA,CAAA;AACvC,IAAM,MAAA,EAAE,iBAAoB,GAAA,aAAA,CAAA;AAC5B,IAAA,MAAM,eAAkB,GAAAD,YAAA,CAAS,MAAM,aAAA,CAAc,YAAY,CAAA,CAAA;AAEjE,IAAQE,WAAA,CAAA,YAAA,EAAc,MAAM,UAAU,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Main.vue2.cjs","sources":["../../../src/layout/Main.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * 入口文件\n */\nimport { computed, provide } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n//面包屑组件\nimport DBreadcrumb from \"./Breadcrumb.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\nconst props = defineProps({\n  \"showConfig\": { type: null, required: false, default: { backBtn: \"LeftOutlined\" } as any },\n  \"breadcrumbStatus\": { type: Boolean, required: false,  }\n});\n\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n// 注入show组件的配置文件\nprovide(\"showConfig\", props.showConfig);\n</script>\n<template>\n  <a-layout class=\"ditari-layout\">\n    <a-layout-sider\n      v-model:collapsed=\"collapsedStatus\"\n      :trigger=\"null\"\n      collapsible\n      class=\"ditari-layout-sider\"\n    >\n      <div>\n        <div class=\"ditari-logo\">\n          <slot name=\"logo\"></slot>\n        </div>\n        <div class=\"ditari-menu\">\n          <Menu />\n        </div>\n      </div>\n    </a-layout-sider>\n    <a-layout>\n      <div\n        class=\"ditari-top-layout\"\n        :style=\"{ left: collapsedStatus ? '80px' : '200px' }\"\n      >\n        <d-nav-tabs />\n        <div class=\"ditari-layout-header\">\n          <div class=\"ditari-layout-header-left\">\n            <div class=\"ditari-side-collapsed\" @click=\"switchCollapsed\">\n              <menu-unfold-outlined\n                v-if=\"collapsedStatus\"\n                class=\"trigger\"\n                style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n              />\n              <menu-fold-outlined\n                v-else\n                style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n              />\n            </div>\n            <d-breadcrumb />\n          </div>\n          <div class=\"ditari-user-menu\">\n            <slot name=\"operation\"></slot>\n          </div>\n        </div>\n      </div>\n      <a-layout-content\n        class=\"ditari-layout-content\"\n        :style=\"{ marginLeft: collapsedStatus ? '80px' : '200px' }\"\n      >\n        <router-view />\n        <!--        <router-view v-slot=\"{ Component }\">-->\n        <!--          <transition name=\"main\" mode=\"out-in\" appear>-->\n        <!--            <keep-alive ref=\"keepAliveRef\" :include=\"keepAliveNames\">-->\n        <!--              <component :is=\"Component\" :key=\"$route.path\" />-->\n        <!--            </keep-alive>-->\n        <!--          </transition>-->\n        <!--        </router-view>-->\n        <slot name=\"micro\"></slot>\n      </a-layout-content>\n    </a-layout>\n  </a-layout>\n  <a-back-top class=\"ditari-ant-back-top\" :visibility-height=\"50\"></a-back-top>\n</template>\n<style lang=\"scss\"></style>\n"],"names":["store","useKeepAliveStore","computed","useSettingsStore","provide"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,MAAMA,UAAQC,uBAAkB,EAAA,CAAA;AAEhC,IAAA,MAAM,cAAiB,GAAAC,YAAA,CAAS,MAAMF,OAAA,CAAM,GAAG,CAAA,CAAA;AAE/C,IAAA,MAAM,gBAAgBG,sBAAiB,EAAA,CAAA;AACvC,IAAM,MAAA,EAAE,iBAAoB,GAAA,aAAA,CAAA;AAC5B,IAAA,MAAM,eAAkB,GAAAD,YAAA,CAAS,MAAM,aAAA,CAAc,YAAY,CAAA,CAAA;AAEjE,IAAQE,WAAA,CAAA,YAAA,EAAc,MAAM,UAAU,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/layout/FuckMain.vue.d.ts

@@ -41,6 +41,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     }>;
     switchCollapsed: () => void;
     collapsedStatus: import("vue").ComputedRef<boolean>;
+    keepAliveRef: import("vue").Ref<any>;
     readonly MenuFoldOutlined: import("@ant-design/icons-vue/lib/icons/MenuFoldOutlined").MenuFoldOutlinedIconType;
     readonly MenuUnfoldOutlined: import("@ant-design/icons-vue/lib/icons/MenuUnfoldOutlined").MenuUnfoldOutlinedIconType;
     DNavTabs: import("vue").DefineComponent<{}, {

package/dist/esm/layout/FuckMain.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createElementVNode, renderSlot, unref, normalizeStyle, createBlock, Transition, KeepAlive, resolveDynamicComponent } from 'vue';
+import { defineComponent, computed, ref, nextTick, getCurrentInstance, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createElementVNode, renderSlot, unref, normalizeStyle, createBlock, createCommentVNode } from 'vue';
 import { MenuUnfoldOutlined, MenuFoldOutlined } from '@ant-design/icons-vue';
 import { useKeepAliveStore, useSettingsStore } from '@ditari/store';
 import DNavTabs from './NavTabs.vue.mjs';
@@ -15,6 +15,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const settingsStore = useSettingsStore();
     const { switchCollapsed } = settingsStore;
     const collapsedStatus = computed(() => settingsStore.getCollapsed);
+    const keepAliveRef = ref();
+    nextTick(() => {
+      const instance = getCurrentInstance();
+      console.log(instance);
+    });
     return (_ctx, _cache) => {
       const _component_a_layout_sider = resolveComponent("a-layout-sider");
       const _component_router_view = resolveComponent("router-view");
@@ -81,36 +86,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     class: "ditari-layout-content"
                   }, {
                     default: withCtx(() => [
-                      createVNode(_component_router_view, null, {
-                        default: withCtx(({ Component }) => [
-                          createVNode(
-                            Transition,
-                            {
-                              name: "main",
-                              mode: "out-in",
-                              appear: ""
-                            },
-                            {
-                              default: withCtx(() => [
-                                (openBlock(), createBlock(KeepAlive, {
-                                  ref: "keepAliveRef",
-                                  include: keepAliveNames.value
-                                }, [
-                                  (openBlock(), createBlock(resolveDynamicComponent(Component), {
-                                    key: _ctx.$route.path
-                                  }))
-                                ], 1032, ["include"]))
-                              ]),
-                              _: 2
-                              /* DYNAMIC */
-                            },
-                            1024
-                            /* DYNAMIC_SLOTS */
-                          )
-                        ]),
-                        _: 1
-                        /* STABLE */
-                      }),
+                      createVNode(_component_router_view),
+                      createCommentVNode('          <transition name="main" mode="out-in" appear>'),
+                      createCommentVNode('            <keep-alive ref="keepAliveRef" :include="keepAliveNames">'),
+                      createCommentVNode('              <component :is="Component" :key="$route.path" />'),
+                      createCommentVNode("            </keep-alive>"),
+                      createCommentVNode("          </transition>"),
                       renderSlot(_ctx.$slots, "micro")
                     ]),
                     _: 3

package/dist/esm/layout/FuckMain.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FuckMain.vue2.mjs","sources":["../../../src/layout/FuckMain.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * FUCK MAIN 入口文件\n */\nimport { computed } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n</script>\n<template>\n  <a-layout class=\"ditari-layout\">\n    <a-layout-sider\n      v-model:collapsed=\"collapsedStatus\"\n      :trigger=\"null\"\n      collapsible\n      class=\"ditari-layout-sider\"\n    >\n      <div class=\"ditari-logo\">\n        <slot name=\"logo\"></slot>\n      </div>\n      <div class=\"ditari-menu\">\n        <Menu />\n      </div>\n    </a-layout-sider>\n    <a-layout>\n      <div\n        class=\"ditari-fuck-top-layout\"\n        :style=\"{ left: collapsedStatus ? '80px' : '200px' }\"\n      >\n        <div class=\"ditari-side-collapsed\" @click=\"switchCollapsed\">\n          <menu-unfold-outlined\n            v-if=\"collapsedStatus\"\n            class=\"trigger\"\n            style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n          />\n          <menu-fold-outlined\n            v-else\n            style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n          />\n        </div>\n        <d-nav-tabs />\n        <div class=\"ditari-user-menu\">\n          <slot name=\"operation\"></slot>\n        </div>\n      </div>\n      <a-layout-content\n        style=\"margin-top: 42px\"\n        class=\"ditari-layout-content\"\n        :style=\"{ marginLeft: collapsedStatus ? '80px' : '200px' }\"\n      >\n        <router-view v-slot=\"{ Component }\">\n          <transition name=\"main\" mode=\"out-in\" appear>\n            <keep-alive ref=\"keepAliveRef\" :include=\"keepAliveNames\">\n              <component :is=\"Component\" :key=\"$route.path\" />\n            </keep-alive>\n          </transition>\n        </router-view>\n        <slot name=\"micro\"></slot>\n      </a-layout-content>\n    </a-layout>\n  </a-layout>\n  <a-back-top class=\"ditari-ant-back-top\" :visibility-height=\"50\"></a-back-top>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;AAcA,IAAA,MAAM,QAAQ,iBAAkB,EAAA,CAAA;AAEhC,IAAA,MAAM,cAAiB,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,GAAG,CAAA,CAAA;AAE/C,IAAA,MAAM,gBAAgB,gBAAiB,EAAA,CAAA;AACvC,IAAM,MAAA,EAAE,iBAAoB,GAAA,aAAA,CAAA;AAC5B,IAAA,MAAM,eAAkB,GAAA,QAAA,CAAS,MAAM,aAAA,CAAc,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FuckMain.vue2.mjs","sources":["../../../src/layout/FuckMain.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * FUCK MAIN 入口文件\n */\nimport { computed, getCurrentInstance, nextTick, ref } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n\nconst keepAliveRef = ref();\n\nnextTick(() => {\n  const instance: any = getCurrentInstance();\n  console.log(instance);\n});\n</script>\n<template>\n  <a-layout class=\"ditari-layout\">\n    <a-layout-sider\n      v-model:collapsed=\"collapsedStatus\"\n      :trigger=\"null\"\n      collapsible\n      class=\"ditari-layout-sider\"\n    >\n      <div class=\"ditari-logo\">\n        <slot name=\"logo\"></slot>\n      </div>\n      <div class=\"ditari-menu\">\n        <Menu />\n      </div>\n    </a-layout-sider>\n    <a-layout>\n      <div\n        class=\"ditari-fuck-top-layout\"\n        :style=\"{ left: collapsedStatus ? '80px' : '200px' }\"\n      >\n        <div class=\"ditari-side-collapsed\" @click=\"switchCollapsed\">\n          <menu-unfold-outlined\n            v-if=\"collapsedStatus\"\n            class=\"trigger\"\n            style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n          />\n          <menu-fold-outlined\n            v-else\n            style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n          />\n        </div>\n        <d-nav-tabs />\n        <div class=\"ditari-user-menu\">\n          <slot name=\"operation\"></slot>\n        </div>\n      </div>\n      <a-layout-content\n        style=\"margin-top: 42px\"\n        class=\"ditari-layout-content\"\n        :style=\"{ marginLeft: collapsedStatus ? '80px' : '200px' }\"\n      >\n        <router-view />\n        <!--          <transition name=\"main\" mode=\"out-in\" appear>-->\n        <!--            <keep-alive ref=\"keepAliveRef\" :include=\"keepAliveNames\">-->\n        <!--              <component :is=\"Component\" :key=\"$route.path\" />-->\n        <!--            </keep-alive>-->\n        <!--          </transition>-->\n        <slot name=\"micro\"></slot>\n      </a-layout-content>\n    </a-layout>\n  </a-layout>\n  <a-back-top class=\"ditari-ant-back-top\" :visibility-height=\"50\"></a-back-top>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;AAcA,IAAA,MAAM,QAAQ,iBAAkB,EAAA,CAAA;AAEhC,IAAA,MAAM,cAAiB,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,GAAG,CAAA,CAAA;AAE/C,IAAA,MAAM,gBAAgB,gBAAiB,EAAA,CAAA;AACvC,IAAM,MAAA,EAAE,iBAAoB,GAAA,aAAA,CAAA;AAC5B,IAAA,MAAM,eAAkB,GAAA,QAAA,CAAS,MAAM,aAAA,CAAc,YAAY,CAAA,CAAA;AAEjE,IAAA,MAAM,eAAe,GAAI,EAAA,CAAA;AAEzB,IAAA,QAAA,CAAS,MAAM;AACb,MAAA,MAAM,WAAgB,kBAAmB,EAAA,CAAA;AACzC,MAAA,OAAA,CAAQ,IAAI,QAAQ,CAAA,CAAA;AAAA,KACrB,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/layout/Main.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, provide, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createElementVNode, renderSlot, unref, normalizeStyle, createBlock, Transition, KeepAlive, resolveDynamicComponent } from 'vue';
+import { defineComponent, computed, provide, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createElementVNode, renderSlot, unref, normalizeStyle, createBlock, createCommentVNode } from 'vue';
 import { MenuUnfoldOutlined, MenuFoldOutlined } from '@ant-design/icons-vue';
 import { useKeepAliveStore, useSettingsStore } from '@ditari/store';
 import DNavTabs from './NavTabs.vue.mjs';
@@ -97,36 +97,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     style: normalizeStyle({ marginLeft: collapsedStatus.value ? "80px" : "200px" })
                   }, {
                     default: withCtx(() => [
-                      createVNode(_component_router_view, null, {
-                        default: withCtx(({ Component }) => [
-                          createVNode(
-                            Transition,
-                            {
-                              name: "main",
-                              mode: "out-in",
-                              appear: ""
-                            },
-                            {
-                              default: withCtx(() => [
-                                (openBlock(), createBlock(KeepAlive, {
-                                  ref: "keepAliveRef",
-                                  include: keepAliveNames.value
-                                }, [
-                                  (openBlock(), createBlock(resolveDynamicComponent(Component), {
-                                    key: _ctx.$route.path
-                                  }))
-                                ], 1032, ["include"]))
-                              ]),
-                              _: 2
-                              /* DYNAMIC */
-                            },
-                            1024
-                            /* DYNAMIC_SLOTS */
-                          )
-                        ]),
-                        _: 1
-                        /* STABLE */
-                      }),
+                      createVNode(_component_router_view),
+                      createCommentVNode('        <router-view v-slot="{ Component }">'),
+                      createCommentVNode('          <transition name="main" mode="out-in" appear>'),
+                      createCommentVNode('            <keep-alive ref="keepAliveRef" :include="keepAliveNames">'),
+                      createCommentVNode('              <component :is="Component" :key="$route.path" />'),
+                      createCommentVNode("            </keep-alive>"),
+                      createCommentVNode("          </transition>"),
+                      createCommentVNode("        </router-view>"),
                       renderSlot(_ctx.$slots, "micro")
                     ]),
                     _: 3

package/dist/esm/layout/Main.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Main.vue2.mjs","sources":["../../../src/layout/Main.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * 入口文件\n */\nimport { computed, provide } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n//面包屑组件\nimport DBreadcrumb from \"./Breadcrumb.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\nconst props = defineProps({\n  \"showConfig\": { type: null, required: false, default: { backBtn: \"LeftOutlined\" } as any },\n  \"breadcrumbStatus\": { type: Boolean, required: false,  }\n});\n\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n// 注入show组件的配置文件\nprovide(\"showConfig\", props.showConfig);\n</script>\n<template>\n  <a-layout class=\"ditari-layout\">\n    <a-layout-sider\n      v-model:collapsed=\"collapsedStatus\"\n      :trigger=\"null\"\n      collapsible\n      class=\"ditari-layout-sider\"\n    >\n      <div>\n        <div class=\"ditari-logo\">\n          <slot name=\"logo\"></slot>\n        </div>\n        <div class=\"ditari-menu\">\n          <Menu />\n        </div>\n      </div>\n    </a-layout-sider>\n    <a-layout>\n      <div\n        class=\"ditari-top-layout\"\n        :style=\"{ left: collapsedStatus ? '80px' : '200px' }\"\n      >\n        <d-nav-tabs />\n        <div class=\"ditari-layout-header\">\n          <div class=\"ditari-layout-header-left\">\n            <div class=\"ditari-side-collapsed\" @click=\"switchCollapsed\">\n              <menu-unfold-outlined\n                v-if=\"collapsedStatus\"\n                class=\"trigger\"\n                style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n              />\n              <menu-fold-outlined\n                v-else\n                style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n              />\n            </div>\n            <d-breadcrumb />\n          </div>\n          <div class=\"ditari-user-menu\">\n            <slot name=\"operation\"></slot>\n          </div>\n        </div>\n      </div>\n      <a-layout-content\n        class=\"ditari-layout-content\"\n        :style=\"{ marginLeft: collapsedStatus ? '80px' : '200px' }\"\n      >\n        <router-view v-slot=\"{ Component }\">\n          <transition name=\"main\" mode=\"out-in\" appear>\n            <keep-alive ref=\"keepAliveRef\" :include=\"keepAliveNames\">\n              <component :is=\"Component\" :key=\"$route.path\" />\n            </keep-alive>\n          </transition>\n        </router-view>\n        <slot name=\"micro\"></slot>\n      </a-layout-content>\n    </a-layout>\n  </a-layout>\n  <a-back-top class=\"ditari-ant-back-top\" :visibility-height=\"50\"></a-back-top>\n</template>\n<style lang=\"scss\"></style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,MAAM,QAAQ,iBAAkB,EAAA,CAAA;AAEhC,IAAA,MAAM,cAAiB,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,GAAG,CAAA,CAAA;AAE/C,IAAA,MAAM,gBAAgB,gBAAiB,EAAA,CAAA;AACvC,IAAM,MAAA,EAAE,iBAAoB,GAAA,aAAA,CAAA;AAC5B,IAAA,MAAM,eAAkB,GAAA,QAAA,CAAS,MAAM,aAAA,CAAc,YAAY,CAAA,CAAA;AAEjE,IAAQ,OAAA,CAAA,YAAA,EAAc,MAAM,UAAU,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Main.vue2.mjs","sources":["../../../src/layout/Main.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * 入口文件\n */\nimport { computed, provide } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n//面包屑组件\nimport DBreadcrumb from \"./Breadcrumb.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\nconst props = defineProps({\n  \"showConfig\": { type: null, required: false, default: { backBtn: \"LeftOutlined\" } as any },\n  \"breadcrumbStatus\": { type: Boolean, required: false,  }\n});\n\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n// 注入show组件的配置文件\nprovide(\"showConfig\", props.showConfig);\n</script>\n<template>\n  <a-layout class=\"ditari-layout\">\n    <a-layout-sider\n      v-model:collapsed=\"collapsedStatus\"\n      :trigger=\"null\"\n      collapsible\n      class=\"ditari-layout-sider\"\n    >\n      <div>\n        <div class=\"ditari-logo\">\n          <slot name=\"logo\"></slot>\n        </div>\n        <div class=\"ditari-menu\">\n          <Menu />\n        </div>\n      </div>\n    </a-layout-sider>\n    <a-layout>\n      <div\n        class=\"ditari-top-layout\"\n        :style=\"{ left: collapsedStatus ? '80px' : '200px' }\"\n      >\n        <d-nav-tabs />\n        <div class=\"ditari-layout-header\">\n          <div class=\"ditari-layout-header-left\">\n            <div class=\"ditari-side-collapsed\" @click=\"switchCollapsed\">\n              <menu-unfold-outlined\n                v-if=\"collapsedStatus\"\n                class=\"trigger\"\n                style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n              />\n              <menu-fold-outlined\n                v-else\n                style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n              />\n            </div>\n            <d-breadcrumb />\n          </div>\n          <div class=\"ditari-user-menu\">\n            <slot name=\"operation\"></slot>\n          </div>\n        </div>\n      </div>\n      <a-layout-content\n        class=\"ditari-layout-content\"\n        :style=\"{ marginLeft: collapsedStatus ? '80px' : '200px' }\"\n      >\n        <router-view />\n        <!--        <router-view v-slot=\"{ Component }\">-->\n        <!--          <transition name=\"main\" mode=\"out-in\" appear>-->\n        <!--            <keep-alive ref=\"keepAliveRef\" :include=\"keepAliveNames\">-->\n        <!--              <component :is=\"Component\" :key=\"$route.path\" />-->\n        <!--            </keep-alive>-->\n        <!--          </transition>-->\n        <!--        </router-view>-->\n        <slot name=\"micro\"></slot>\n      </a-layout-content>\n    </a-layout>\n  </a-layout>\n  <a-back-top class=\"ditari-ant-back-top\" :visibility-height=\"50\"></a-back-top>\n</template>\n<style lang=\"scss\"></style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,MAAM,QAAQ,iBAAkB,EAAA,CAAA;AAEhC,IAAA,MAAM,cAAiB,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,GAAG,CAAA,CAAA;AAE/C,IAAA,MAAM,gBAAgB,gBAAiB,EAAA,CAAA;AACvC,IAAM,MAAA,EAAE,iBAAoB,GAAA,aAAA,CAAA;AAC5B,IAAA,MAAM,eAAkB,GAAA,QAAA,CAAS,MAAM,aAAA,CAAc,YAAY,CAAA,CAAA;AAEjE,IAAQ,OAAA,CAAA,YAAA,EAAc,MAAM,UAAU,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/example/src/components/AppMain.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
+import { useRouter } from "vue-router";
+
 import { UserOutlined } from "@ant-design/icons-vue";
 import { FuckMain as FuckMain } from "../../../src/components";
-import { useMenuStore } from "../../../../store";
+import { useMenuStore, useNavTabsStore } from "../../../../store";
 
 const MenuList = [
   {
@@ -15,13 +17,11 @@ const MenuList = [
       },
       {
         title: "表格ADD",
-        url: "/table/add",
-        children: [
-          {
-            title: "表格demo Add",
-            url: "/table/add/demo"
-          }
-        ]
+        url: "/table/add"
+      },
+      {
+        title: "表格Edit",
+        url: "/table/edit"
       }
     ]
   },
@@ -44,10 +44,33 @@ const MenuList = [
 ];
 const store = useMenuStore();
 store.save(MenuList);
-
+const { deleteTabs } = useNavTabsStore();
+const router = useRouter();
 const showConfig = {
   backBtn: "BackBtn"
 };
+
+function onAuto() {
+  let i = 0;
+  const timer = setInterval(() => {
+    router.push("/table/add");
+    setTimeout(() => {
+      deleteTabs("/table/add");
+      router.push("/table/edit");
+    }, 100);
+
+    setTimeout(() => {
+      deleteTabs("/table/edit");
+      router.push("/table/add");
+    }, 200);
+
+    i++;
+
+    // if (i === 100) {
+    //   clearInterval(timer);
+    // }
+  }, 300);
+}
 </script>
 <script lang="ts">
 export default {
@@ -66,7 +89,7 @@ export default {
             <a-avatar :size="30">
               <template #icon><UserOutlined /></template>
             </a-avatar>
-            云南大通汇国际电子商务有限公司
+            <a-button @click="onAuto">模拟执行</a-button>
           </a>
           <template #overlay>
             <a-menu>

package/example/src/views/table/Add.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onActivated, ref } from "vue";
+import { onActivated, onUnmounted, ref } from "vue";
 import { useRoute } from "vue-router";
 
 const columns = [
@@ -25,6 +25,13 @@ const loading = ref(false);
 const formState = ref({
   originCountry: ""
 });
+
+onUnmounted(() => {
+  console.log("onUnmounted");
+});
+onActivated(() => {
+  console.log("onActivated");
+});
 </script>
 <script lang="ts">
 export default {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ditari/bsui",
-  "version": "1.1.38",
+  "version": "1.1.39",
   "description": "",
   "keywords": [],
   "author": "",

package/src/layout/FuckMain.vue

@@ -2,7 +2,7 @@
 /**
  * FUCK MAIN 入口文件
  */
-import { computed } from "vue";
+import { computed, getCurrentInstance, nextTick, ref } from "vue";
 import { MenuFoldOutlined, MenuUnfoldOutlined } from "@ant-design/icons-vue";
 import { useKeepAliveStore, useSettingsStore } from "@ditari/store";
 
@@ -19,6 +19,13 @@ const keepAliveNames = computed(() => store.get);
 const settingsStore = useSettingsStore();
 const { switchCollapsed } = settingsStore;
 const collapsedStatus = computed(() => settingsStore.getCollapsed);
+
+const keepAliveRef = ref();
+
+nextTick(() => {
+  const instance: any = getCurrentInstance();
+  console.log(instance);
+});
 </script>
 <template>
   <a-layout class="ditari-layout">
@@ -61,13 +68,12 @@ const collapsedStatus = computed(() => settingsStore.getCollapsed);
         class="ditari-layout-content"
         :style="{ marginLeft: collapsedStatus ? '80px' : '200px' }"
       >
-        <router-view v-slot="{ Component }">
-          <transition name="main" mode="out-in" appear>
-            <keep-alive ref="keepAliveRef" :include="keepAliveNames">
-              <component :is="Component" :key="$route.path" />
-            </keep-alive>
-          </transition>
-        </router-view>
+        <router-view />
+        <!--          <transition name="main" mode="out-in" appear>-->
+        <!--            <keep-alive ref="keepAliveRef" :include="keepAliveNames">-->
+        <!--              <component :is="Component" :key="$route.path" />-->
+        <!--            </keep-alive>-->
+        <!--          </transition>-->
         <slot name="micro"></slot>
       </a-layout-content>
     </a-layout>

package/src/layout/Main.vue

@@ -16,7 +16,7 @@ import Menu from "../menu/Menu";
 const props = withDefaults(
   defineProps<{
     showConfig?: any;
-    breadcrumbStatus?:boolean
+    breadcrumbStatus?: boolean;
   }>(),
   {
     showConfig: { backBtn: "LeftOutlined" } as any
@@ -81,13 +81,14 @@ provide("showConfig", props.showConfig);
         class="ditari-layout-content"
         :style="{ marginLeft: collapsedStatus ? '80px' : '200px' }"
       >
-        <router-view v-slot="{ Component }">
-          <transition name="main" mode="out-in" appear>
-            <keep-alive ref="keepAliveRef" :include="keepAliveNames">
-              <component :is="Component" :key="$route.path" />
-            </keep-alive>
-          </transition>
-        </router-view>
+        <router-view />
+        <!--        <router-view v-slot="{ Component }">-->
+        <!--          <transition name="main" mode="out-in" appear>-->
+        <!--            <keep-alive ref="keepAliveRef" :include="keepAliveNames">-->
+        <!--              <component :is="Component" :key="$route.path" />-->
+        <!--            </keep-alive>-->
+        <!--          </transition>-->
+        <!--        </router-view>-->
         <slot name="micro"></slot>
       </a-layout-content>
     </a-layout>