@keyblade/pro-components 0.0.11 → 1.0.1

package/es/pro-layout/hooks.js

@@ -12,6 +12,7 @@ function useHooks(menuItems, options) {
   const menuItemMap = ref({});
   const breadcrumbItems = ref([]);
   const tabs = ref([]);
+  const keepAliveInclude = ref([]);
   const setActiveMenuItemPaths = () => {
     const paths = [];
     const recursion = (_menuItems) => {
@@ -43,16 +44,13 @@ function useHooks(menuItems, options) {
     breadcrumbItems.value = ((_a = activeMenuItem.value) == null ? void 0 : _a.breadcrumbs) ? (_b = activeMenuItem.value) == null ? void 0 : _b.breadcrumbs : activeMenuItemTitles.length !== 0 ? activeMenuItemTitles : [];
   };
   function setTabs() {
-    if (!activeMenuItem.value) {
+    if (!activeMenuItem.value || activeMenuItem.value.noAffix) {
       tabs.value.forEach((tab) => {
         tab.active = false;
       });
       return;
     }
-    const { name: menuItemName, title: menuItemTitle, noAffix } = activeMenuItem.value;
-    if (noAffix) {
-      return;
-    }
+    const { name: menuItemName, title: menuItemTitle } = activeMenuItem.value;
     let findIndex = -1;
     tabs.value.forEach((v, i) => {
       v.active = false;
@@ -108,7 +106,37 @@ function useHooks(menuItems, options) {
       tab.active = true;
       router.push(tab.fullPath);
     }
-    tabs.value.splice(findTabIndex, 1);
+    const deleteTab = tabs.value.splice(findTabIndex, 1);
+    removeKeepAliveInclude(deleteTab[0]);
+  };
+  const addKeepAliveInclude = () => {
+    var _a;
+    if ((_a = route == null ? void 0 : route.meta) == null ? void 0 : _a.ignoreCache) {
+      return;
+    }
+    const keys = new Set(keepAliveInclude.value);
+    activeMenuItemPaths.value.forEach((item) => {
+      if (item.name) {
+        keys.add(item.name);
+      }
+    });
+    keepAliveInclude.value = Array.from(keys.values());
+  };
+  const removeKeepAliveInclude = (tab) => {
+    const keys = new Set(keepAliveInclude.value);
+    tab.parentNames.forEach((name) => {
+      keys.delete(name);
+    });
+    tabs.value.forEach((tab2) => {
+      tab2.parentNames.forEach((name) => {
+        const menuItem = menuItemMap.value[name];
+        if (menuItem == null ? void 0 : menuItem.ignoreCache) {
+          return;
+        }
+        keys.add(menuItem.name);
+      });
+    });
+    keepAliveInclude.value = Array.from(keys.values());
   };
   watch(menuItems, () => {
     const _menuItemMap = {};
@@ -130,17 +158,19 @@ function useHooks(menuItems, options) {
     menuSelectedKeys.value = (activeMenuItem == null ? void 0 : activeMenuItem.value) ? [activeMenuItem.value.name] : [];
     setActiveMenuItemPaths();
     setBreadcrumbItems();
-    if (options.tabsMode) {
+    if (options.showTabs) {
       setTabs();
     }
+    addKeepAliveInclude();
   }, { immediate: true });
   return {
     menuSelectedKeys,
-    onMenuItemClick,
     activeMenuItem,
     menuItemMap,
     breadcrumbItems,
     tabs,
+    keepAliveInclude,
+    onMenuItemClick,
     onTabClick,
     onTabDelete
   };

package/es/pro-layout/index.d.ts

@@ -1,5 +1,5 @@
 import type { IProMenuItem } from '../pro-menu';
-import type { ComponentInternalInstance, ExtractPropTypes, PropType, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, Ref, ComputedRef, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, App } from 'vue';
+import type { ComponentInternalInstance, ExtractPropTypes, PropType, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, App } from 'vue';
 declare const ProLayout: {
     new (...args: any[]): {
         $: ComponentInternalInstance;
@@ -10,7 +10,7 @@ declare const ProLayout: {
             headerLogo: string;
             theme: "light" | "dark";
             footerTitle: string;
-            tabsMode: boolean;
+            showTabs: boolean;
             siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
         }> & Omit<Readonly<ExtractPropTypes<{
             menuItems: {
@@ -38,7 +38,7 @@ declare const ProLayout: {
                 required: false;
                 default: string;
             };
-            tabsMode: {
+            showTabs: {
                 type: PropType<boolean>;
                 required: false;
                 default: boolean;
@@ -50,7 +50,8 @@ declare const ProLayout: {
             };
         }>> & {
             onCollapse?: ((collapsed: boolean) => any) | undefined;
-        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "menuItems" | "headerTitle" | "headerLogo" | "theme" | "footerTitle" | "tabsMode" | "siderBreakpoint">;
+            onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "menuItems" | "headerTitle" | "headerLogo" | "theme" | "footerTitle" | "showTabs" | "siderBreakpoint">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -62,7 +63,7 @@ declare const ProLayout: {
         }>;
         $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "collapse", collapsed: boolean) => void;
+        $emit: ((event: "collapse", collapsed: boolean) => void) & ((event: "keepAliveIncludeChange", keepAliveInclude: string[]) => void);
         $el: any;
         $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
             menuItems: {
@@ -90,7 +91,7 @@ declare const ProLayout: {
                 required: false;
                 default: string;
             };
-            tabsMode: {
+            showTabs: {
                 type: PropType<boolean>;
                 required: false;
                 default: boolean;
@@ -102,46 +103,17 @@ declare const ProLayout: {
             };
         }>> & {
             onCollapse?: ((collapsed: boolean) => any) | undefined;
-        }, {
-            prefixClsName: string;
-            props: any;
-            emit: (event: "collapse", collapsed: boolean) => void;
-            menuItems: Ref<IProMenuItem[]>;
-            slots: Readonly<{
-                [name: string]: Slot | undefined;
-            }>;
-            menuSelectedKeys: Ref<string[]>;
-            onMenuItemClick: (key: string) => void;
-            activeMenuItem: Ref<IProMenuItem | undefined>;
-            menuItemMap: Ref<Record<string, IProMenuItem>>;
-            breadcrumbItems: Ref<string[]>;
-            tabs: Ref<{
-                name: string;
-                parentNames: string[];
-                title: string;
-                fullPath: string;
-                active: boolean;
-            }[]>;
-            onTabClick: (key: string) => void;
-            onTabDelete: (key: string) => void;
-            keepAliveKeys: ComputedRef<string[]>;
-            headerHeight: number;
-            headerHeightWidthPx: string;
-            siderWidth: number;
-            siderCollapsedWidth: number;
-            siderWidthPx: string;
-            siderCollapsedWidthPx: string;
-            siderCollapsed: Ref<boolean>;
-            onSiderCollapse: (val: boolean) => void;
-        }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
+        }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
             collapse: (collapsed: boolean) => true;
+            keepAliveIncludeChange: (keepAliveInclude: string[]) => true;
         }, string, {
             menuItems: IProMenuItem[];
             headerTitle: string;
             headerLogo: string;
             theme: "light" | "dark";
             footerTitle: string;
-            tabsMode: boolean;
+            showTabs: boolean;
             siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -189,7 +161,7 @@ declare const ProLayout: {
             required: false;
             default: string;
         };
-        tabsMode: {
+        showTabs: {
             type: PropType<boolean>;
             required: false;
             default: boolean;
@@ -201,38 +173,8 @@ declare const ProLayout: {
         };
     }>> & {
         onCollapse?: ((collapsed: boolean) => any) | undefined;
-    } & ShallowUnwrapRef<{
-        prefixClsName: string;
-        props: any;
-        emit: (event: "collapse", collapsed: boolean) => void;
-        menuItems: Ref<IProMenuItem[]>;
-        slots: Readonly<{
-            [name: string]: Slot | undefined;
-        }>;
-        menuSelectedKeys: Ref<string[]>;
-        onMenuItemClick: (key: string) => void;
-        activeMenuItem: Ref<IProMenuItem | undefined>;
-        menuItemMap: Ref<Record<string, IProMenuItem>>;
-        breadcrumbItems: Ref<string[]>;
-        tabs: Ref<{
-            name: string;
-            parentNames: string[];
-            title: string;
-            fullPath: string;
-            active: boolean;
-        }[]>;
-        onTabClick: (key: string) => void;
-        onTabDelete: (key: string) => void;
-        keepAliveKeys: ComputedRef<string[]>;
-        headerHeight: number;
-        headerHeightWidthPx: string;
-        siderWidth: number;
-        siderCollapsedWidth: number;
-        siderWidthPx: string;
-        siderCollapsedWidthPx: string;
-        siderCollapsed: Ref<boolean>;
-        onSiderCollapse: (val: boolean) => void;
-    }> & {} & ComponentCustomProperties & {};
+        onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
+    } & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
@@ -262,7 +204,7 @@ declare const ProLayout: {
         required: false;
         default: string;
     };
-    tabsMode: {
+    showTabs: {
         type: PropType<boolean>;
         required: false;
         default: boolean;
@@ -274,46 +216,17 @@ declare const ProLayout: {
     };
 }>> & {
     onCollapse?: ((collapsed: boolean) => any) | undefined;
-}, {
-    prefixClsName: string;
-    props: any;
-    emit: (event: "collapse", collapsed: boolean) => void;
-    menuItems: Ref<IProMenuItem[]>;
-    slots: Readonly<{
-        [name: string]: Slot | undefined;
-    }>;
-    menuSelectedKeys: Ref<string[]>;
-    onMenuItemClick: (key: string) => void;
-    activeMenuItem: Ref<IProMenuItem | undefined>;
-    menuItemMap: Ref<Record<string, IProMenuItem>>;
-    breadcrumbItems: Ref<string[]>;
-    tabs: Ref<{
-        name: string;
-        parentNames: string[];
-        title: string;
-        fullPath: string;
-        active: boolean;
-    }[]>;
-    onTabClick: (key: string) => void;
-    onTabDelete: (key: string) => void;
-    keepAliveKeys: ComputedRef<string[]>;
-    headerHeight: number;
-    headerHeightWidthPx: string;
-    siderWidth: number;
-    siderCollapsedWidth: number;
-    siderWidthPx: string;
-    siderCollapsedWidthPx: string;
-    siderCollapsed: Ref<boolean>;
-    onSiderCollapse: (val: boolean) => void;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     collapse: (collapsed: boolean) => true;
+    keepAliveIncludeChange: (keepAliveInclude: string[]) => true;
 }, string, {
     menuItems: IProMenuItem[];
     headerTitle: string;
     headerLogo: string;
     theme: "light" | "dark";
     footerTitle: string;
-    tabsMode: boolean;
+    showTabs: boolean;
     siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
 }, {}, string> & VNodeProps & AllowedComponentProps & ComponentCustomProps & {
     install: (app: App) => void;

package/es/pro-layout/index.js

@@ -1,22 +1,19 @@
 import _sfc_main from "./pro-layout.vue.js";
 import "./pro-layout.vue2.js";
-import { Layout, Space, Typography, Tooltip, Button, Dropdown, Avatar, Affix } from "@arco-design/web-vue";
+import { Layout, Space, Typography, Button, Affix } from "@arco-design/web-vue";
+import { ProKeepAliveRouterView } from "../pro-keep-alive-router-view/index.js";
 import { ProMenu } from "../pro-menu/index.js";
 import { ProReuseTabs } from "../pro-reuse-tabs/index.js";
-import { ProPageWrapper } from "../pro-page-wrapper/index.js";
 const ProLayout = Object.assign(_sfc_main, {
   install: (app) => {
     app.use(Layout);
     app.use(Space);
     app.use(Typography);
-    app.use(Tooltip);
     app.use(Button);
-    app.use(Dropdown);
-    app.use(Avatar);
     app.use(Affix);
+    app.use(ProKeepAliveRouterView);
     app.use(ProMenu);
     app.use(ProReuseTabs);
-    app.use(ProPageWrapper);
     app.component("KbProLayout", _sfc_main);
   }
 });

package/es/pro-layout/pro-layout.vue.d.ts

@@ -1,4 +1,4 @@
-import type { DefineComponent, Ref, Slot, ComputedRef, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, type PropType } from 'vue';
+import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, type PropType } from 'vue';
 import type { IProMenuItem } from '../pro-menu';
 declare const _sfc_main: DefineComponent<{
     menuItems: {
@@ -26,7 +26,7 @@ declare const _sfc_main: DefineComponent<{
         required: false;
         default: string;
     };
-    tabsMode: {
+    showTabs: {
         type: PropType<boolean>;
         required: false;
         default: boolean;
@@ -36,39 +36,9 @@ declare const _sfc_main: DefineComponent<{
         required: false;
         default: string;
     };
-}, {
-    prefixClsName: string;
-    props: any;
-    emit: (event: "collapse", collapsed: boolean) => void;
-    menuItems: Ref<IProMenuItem[]>;
-    slots: Readonly<{
-        [name: string]: Slot | undefined;
-    }>;
-    menuSelectedKeys: Ref<string[]>;
-    onMenuItemClick: (key: string) => void;
-    activeMenuItem: Ref<IProMenuItem | undefined>;
-    menuItemMap: Ref<Record<string, IProMenuItem>>;
-    breadcrumbItems: Ref<string[]>;
-    tabs: Ref<{
-        name: string;
-        parentNames: string[];
-        title: string;
-        fullPath: string;
-        active: boolean;
-    }[]>;
-    onTabClick: (key: string) => void;
-    onTabDelete: (key: string) => void;
-    keepAliveKeys: ComputedRef<string[]>;
-    headerHeight: number;
-    headerHeightWidthPx: string;
-    siderWidth: number;
-    siderCollapsedWidth: number;
-    siderWidthPx: string;
-    siderCollapsedWidthPx: string;
-    siderCollapsed: Ref<boolean>;
-    onSiderCollapse: (val: boolean) => void;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     collapse: (collapsed: boolean) => true;
+    keepAliveIncludeChange: (keepAliveInclude: string[]) => true;
 }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     menuItems: {
         type: PropType<IProMenuItem[]>;
@@ -95,7 +65,7 @@ declare const _sfc_main: DefineComponent<{
         required: false;
         default: string;
     };
-    tabsMode: {
+    showTabs: {
         type: PropType<boolean>;
         required: false;
         default: boolean;
@@ -107,13 +77,14 @@ declare const _sfc_main: DefineComponent<{
     };
 }>> & {
     onCollapse?: ((collapsed: boolean) => any) | undefined;
+    onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
 }, {
     menuItems: IProMenuItem[];
     headerTitle: string;
     headerLogo: string;
     theme: "light" | "dark";
     footerTitle: string;
-    tabsMode: boolean;
+    showTabs: boolean;
     siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
 }>;
 export default _sfc_main;

package/es/pro-layout/pro-layout.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useCssVars, toRefs, useSlots, computed, provide, ref, watch, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createVNode, createElementVNode, unref, renderSlot, createTextVNode, toDisplayString, createCommentVNode, resolveDynamicComponent, KeepAlive } from "vue";
+import { defineComponent, useCssVars, toRefs, useSlots, provide, ref, watch, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createVNode, createElementVNode, unref, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from "vue";
 import { useHooks } from "./hooks.js";
 const _hoisted_1 = ["src"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -29,7 +29,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       required: false,
       default: "KeyBlade Pro"
     },
-    tabsMode: {
+    showTabs: {
       type: Boolean,
       required: false,
       default: true
@@ -41,45 +41,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
   },
   emits: {
-    "collapse": (collapsed) => true
+    "collapse": (collapsed) => true,
+    "keepAliveIncludeChange": (keepAliveInclude) => true
   },
   setup(__props, { emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "aa0adaee": headerHeightWidthPx,
-      "f32a33f8": siderWidthPx,
-      "5b964541": siderCollapsedWidthPx
+      "c766e2a6": headerHeightWidthPx,
+      "2eb6eb40": siderWidthPx,
+      "4059c865": siderCollapsedWidthPx
     }));
     const prefixClsName = "keyblade-pro-layout";
     const { menuItems } = toRefs(props);
     const slots = useSlots();
     const {
       menuSelectedKeys,
-      onMenuItemClick,
-      activeMenuItem,
-      menuItemMap,
       breadcrumbItems,
       tabs,
+      keepAliveInclude,
+      onMenuItemClick,
       onTabClick,
       onTabDelete
     } = useHooks(menuItems, {
-      tabsMode: props.tabsMode
-    });
-    const keepAliveKeys = computed(() => {
-      const keys = /* @__PURE__ */ new Set();
-      tabs.value.forEach((tab) => {
-        tab.parentNames.forEach((name) => {
-          const menuItem = menuItemMap.value[name];
-          if (menuItem.ignoreCache) {
-            return;
-          }
-          keys.add(menuItem.name);
-        });
-      });
-      return Array.from(keys.values());
+      showTabs: props.showTabs
     });
     provide("ProBreadcrumbItems", breadcrumbItems);
-    provide("ProKeepAliveKeys", keepAliveKeys);
+    provide("ProKeepAliveInclude", keepAliveInclude);
     const headerHeight = 60;
     const headerHeightWidthPx = `${headerHeight}px`;
     const siderWidth = 220;
@@ -101,16 +88,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           break;
       }
     }, { immediate: true });
+    watch(keepAliveInclude, () => {
+      emit("keepAliveIncludeChange", keepAliveInclude.value);
+    }, { immediate: true });
     return (_ctx, _cache) => {
       const _component_a_typography_title = resolveComponent("a-typography-title");
       const _component_a_space = resolveComponent("a-space");
       const _component_a_layout_header = resolveComponent("a-layout-header");
       const _component_kb_pro_menu = resolveComponent("kb-pro-menu");
+      const _component_icon_menu_unfold = resolveComponent("icon-menu-unfold");
+      const _component_icon_menu_fold = resolveComponent("icon-menu-fold");
+      const _component_a_button = resolveComponent("a-button");
       const _component_a_layout_sider = resolveComponent("a-layout-sider");
       const _component_kb_pro_reuse_tabs = resolveComponent("kb-pro-reuse-tabs");
       const _component_a_affix = resolveComponent("a-affix");
-      const _component_router_view = resolveComponent("router-view");
-      const _component_kb_pro_page_wrapper = resolveComponent("kb-pro-page-wrapper");
+      const _component_kb_pro_keep_alive_router_view = resolveComponent("kb-pro-keep-alive-router-view");
       const _component_a_layout_content = resolveComponent("a-layout-content");
       const _component_a_layout_footer = resolveComponent("a-layout-footer");
       const _component_a_layout = resolveComponent("a-layout");
@@ -158,8 +150,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               createVNode(_component_a_layout_sider, {
                 class: normalizeClass(`${prefixClsName}-sider`),
-                collapsible: true,
                 width: siderWidth,
+                collapsible: true,
                 breakpoint: __props.siderBreakpoint,
                 collapsed: siderCollapsed.value,
                 "hide-trigger": true,
@@ -171,14 +163,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }, [
                     renderSlot(_ctx.$slots, "sider-top"),
                     createVNode(_component_kb_pro_menu, {
-                      style: { "flex": "1" },
                       collapsed: siderCollapsed.value,
                       "selected-keys": unref(menuSelectedKeys),
                       items: unref(menuItems),
-                      onCollapse: onSiderCollapse,
                       onMenuItemClick: unref(onMenuItemClick)
                     }, null, 8, ["collapsed", "selected-keys", "items", "onMenuItemClick"])
-                  ], 2)
+                  ], 2),
+                  createVNode(_component_a_button, {
+                    size: "mini",
+                    class: normalizeClass(`${prefixClsName}-sider-collapsed`),
+                    onClick: _cache[0] || (_cache[0] = ($event) => onSiderCollapse(!siderCollapsed.value))
+                  }, {
+                    icon: withCtx(() => [
+                      siderCollapsed.value ? (openBlock(), createBlock(_component_icon_menu_unfold, { key: 0 })) : (openBlock(), createBlock(_component_icon_menu_fold, { key: 1 }))
+                    ]),
+                    _: 1
+                  }, 8, ["class"])
                 ]),
                 _: 3
               }, 8, ["class", "breakpoint", "collapsed"]),
@@ -191,7 +191,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     offsetTop: headerHeight
                   }, {
                     default: withCtx(() => [
-                      __props.tabsMode && unref(tabs).length > 0 ? (openBlock(), createBlock(_component_kb_pro_reuse_tabs, {
+                      __props.showTabs && unref(tabs).length > 0 ? (openBlock(), createBlock(_component_kb_pro_reuse_tabs, {
                         key: 0,
                         tabs: unref(tabs),
                         onTabClick: unref(onTabClick),
@@ -201,34 +201,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     _: 1
                   }, 8, ["class"]),
                   createVNode(_component_a_layout_content, null, {
-                    default: withCtx(() => {
-                      var _a;
-                      return [
-                        createVNode(_component_kb_pro_page_wrapper, {
-                          "hide-page-wrapper": (_a = unref(activeMenuItem)) == null ? void 0 : _a.hidePageWrapper
-                        }, {
-                          default: withCtx(() => [
-                            createVNode(_component_router_view, null, {
-                              default: withCtx(({ Component, route }) => [
-                                !__props.tabsMode ? (openBlock(), createBlock(resolveDynamicComponent(Component), {
-                                  key: route.fullPath
-                                })) : (openBlock(), createBlock(KeepAlive, {
-                                  key: 1,
-                                  include: unref(keepAliveKeys),
-                                  max: 15
-                                }, [
-                                  (openBlock(), createBlock(resolveDynamicComponent(Component), {
-                                    key: route.fullPath
-                                  }))
-                                ], 1032, ["include"]))
-                              ]),
-                              _: 1
-                            })
-                          ]),
-                          _: 1
-                        }, 8, ["hide-page-wrapper"])
-                      ];
-                    }),
+                    default: withCtx(() => [
+                      createVNode(_component_kb_pro_keep_alive_router_view)
+                    ]),
                     _: 1
                   }),
                   unref(slots)["footer"] !== void 0 ? renderSlot(_ctx.$slots, "footer", { key: 0 }) : (openBlock(), createBlock(_component_a_layout_footer, {

package/es/pro-layout/pro-layout.vue3.js

@@ -1,6 +1,5 @@
 import _sfc_main from "./pro-layout.vue.js";
-import { default as default2 } from "./pro-layout.vue.js";
 import "./pro-layout.vue2.js";
 export {
-  default2 as default
+  _sfc_main as default
 };