@keyblade/pro-components 1.0.0 → 1.0.2

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

@@ -26,7 +26,7 @@ declare const _sfc_main: DefineComponent<{
         required: false;
         default: string;
     };
-    tabsMode: {
+    showTabs: {
         type: PropType<boolean>;
         required: false;
         default: boolean;
@@ -38,6 +38,7 @@ declare const _sfc_main: DefineComponent<{
     };
 }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     collapse: (collapsed: boolean) => true;
+    keepAliveIncludeChange: (keepAliveInclude: string[]) => true;
 }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     menuItems: {
         type: PropType<IProMenuItem[]>;
@@ -64,7 +65,7 @@ declare const _sfc_main: DefineComponent<{
         required: false;
         default: string;
     };
-    tabsMode: {
+    showTabs: {
         type: PropType<boolean>;
         required: false;
         default: boolean;
@@ -76,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) => ({
-      "8877c9f2": headerHeightWidthPx,
-      "11b26174": siderWidthPx,
-      "601fa63f": siderCollapsedWidthPx
+      "48abaafb": headerHeightWidthPx,
+      "201e89d2": siderWidthPx,
+      "51630933": 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 == null ? void 0 : 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-menu/index.d.ts

@@ -18,9 +18,7 @@ declare const ProMenu: {
                 required: true;
             };
         }>> & {
-            onCollapse?: ((collapsed: boolean) => any) | undefined;
             "onMenu-item-click"?: ((key: string) => any) | undefined;
-            "onSub-menu-click"?: ((key: string, openKeys: string[]) => any) | undefined;
         } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>;
         $attrs: {
             [x: string]: unknown;
@@ -33,7 +31,7 @@ declare const ProMenu: {
         }>;
         $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) & ((event: "menu-item-click", key: string) => void) & ((event: "sub-menu-click", key: string, openKeys: string[]) => void);
+        $emit: (event: "menu-item-click", key: string) => void;
         $el: any;
         $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
             collapsed: {
@@ -49,13 +47,9 @@ declare const ProMenu: {
                 required: true;
             };
         }>> & {
-            onCollapse?: ((collapsed: boolean) => any) | undefined;
             "onMenu-item-click"?: ((key: string) => any) | undefined;
-            "onSub-menu-click"?: ((key: string, openKeys: string[]) => any) | undefined;
         }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-            collapse: (collapsed: boolean) => true;
             'menu-item-click': (key: string) => true;
-            'sub-menu-click': (key: string, openKeys: string[]) => true;
         }, string, {}, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -90,9 +84,7 @@ declare const ProMenu: {
             required: true;
         };
     }>> & {
-        onCollapse?: ((collapsed: boolean) => any) | undefined;
         "onMenu-item-click"?: ((key: string) => any) | undefined;
-        "onSub-menu-click"?: ((key: string, openKeys: string[]) => any) | undefined;
     } & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -111,13 +103,9 @@ declare const ProMenu: {
         required: true;
     };
 }>> & {
-    onCollapse?: ((collapsed: boolean) => any) | undefined;
     "onMenu-item-click"?: ((key: string) => any) | undefined;
-    "onSub-menu-click"?: ((key: string, openKeys: string[]) => any) | undefined;
 }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    collapse: (collapsed: boolean) => true;
     'menu-item-click': (key: string) => true;
-    'sub-menu-click': (key: string, openKeys: string[]) => true;
 }, string, {}, {}, string> & VNodeProps & AllowedComponentProps & ComponentCustomProps & {
     install: (app: App) => void;
 };

package/es/pro-menu/interface.d.ts

@@ -1,4 +1,3 @@
-import type { RenderFunction, VNode } from 'vue';
 export interface IProMenuItem {
     /** 英文名称（唯一标识，不能重复） */
     name: string;
@@ -8,22 +7,19 @@ export interface IProMenuItem {
     title: string;
     /**
      * 图标
-     * string: 'icon-apps'
-     * VNode：v(IconApps)
-     * RenderFunction：() => v(IconApps)
+     * arco design icon: 'icon-apps'
+     * url: 绝对路径或相对路径
      * */
-    icon?: string | VNode | RenderFunction;
+    icon?: string;
     /** 如果设置为 true，右侧菜单不显示 */
     hideInMenu?: boolean;
     /** 如果设置为 true，右侧菜单不显示下面子菜单 */
     hideChildrenInMenu?: boolean;
-    /** 如果设置为 true，则不会出现在多页签中，并且不会页面缓存 */
+    /** 如果设置为 true，则不会出现在多页签中 */
     noAffix?: boolean;
     /** 面包屑 */
     breadcrumbs?: string[];
-    /** 是否隐藏pageWrapper */
-    hidePageWrapper?: boolean;
-    /** 如果设置为 true，页面将不会被缓存 */
+    /** 默认缓存，如果设置为 true，页面将不会被缓存 */
     ignoreCache?: boolean;
     /** 子元素 */
     children?: IProMenuItem[];

package/es/pro-menu/pro-menu-item.vue.js

@@ -1,5 +1,7 @@
-import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createBlock, createSlots, withCtx, createTextVNode, toDisplayString, renderList, createCommentVNode, resolveDynamicComponent } from "vue";
+import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, Fragment, createBlock, createSlots, withCtx, createTextVNode, toDisplayString, renderList, createCommentVNode, unref, resolveDynamicComponent, normalizeClass } from "vue";
 import { useRouter } from "vue-router";
+const _hoisted_1 = ["src"];
+const _hoisted_2 = ["src"];
 const __default__ = {
   name: "KbProMenuItem"
 };
@@ -9,7 +11,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     item: null
   },
   setup(__props) {
+    const props = __props;
+    const prefixItemClsName = "keyblade-pro-menu-item";
     const router = useRouter();
+    const iconType = computed(() => {
+      var _a;
+      const icon = (_a = props.item) == null ? void 0 : _a.icon;
+      if (icon == null ? void 0 : icon.startsWith("icon")) {
+        return "icon";
+      }
+      return "url";
+    });
     const onMenuItemClick = (item) => {
       if (!(item == null ? void 0 : item.path)) {
         return;
@@ -35,7 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           default: withCtx(() => {
             var _a2, _b2;
             return [
-              !((_a2 = __props.item) == null ? void 0 : _a2.hideChildrenInMenu) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList((_b2 = __props.item) == null ? void 0 : _b2.children, (childItem) => {
+              !((_a2 = __props.item) == null ? void 0 : _a2.hideChildrenInMenu) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(((_b2 = __props.item) == null ? void 0 : _b2.children) || [], (childItem) => {
                 return openBlock(), createBlock(_component_kb_pro_menu_item, {
                   key: childItem.name,
                   item: childItem
@@ -48,7 +60,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ((_d = __props.item) == null ? void 0 : _d.icon) ? {
             name: "icon",
             fn: withCtx(() => [
-              (openBlock(), createBlock(resolveDynamicComponent(__props.item.icon)))
+              unref(iconType) === "icon" ? (openBlock(), createBlock(resolveDynamicComponent(__props.item.icon), { key: 0 })) : createCommentVNode("", true),
+              unref(iconType) === "url" ? (openBlock(), createElementBlock("img", {
+                key: 1,
+                class: normalizeClass(`${prefixItemClsName}-img`),
+                src: __props.item.icon,
+                alt: ""
+              }, null, 10, _hoisted_1)) : createCommentVNode("", true)
             ]),
             key: "0"
           } : void 0
@@ -65,7 +83,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ((_h = __props.item) == null ? void 0 : _h.icon) ? {
             name: "icon",
             fn: withCtx(() => [
-              (openBlock(), createBlock(resolveDynamicComponent(__props.item.icon)))
+              unref(iconType) === "icon" ? (openBlock(), createBlock(resolveDynamicComponent(__props.item.icon), { key: 0 })) : createCommentVNode("", true),
+              unref(iconType) === "url" ? (openBlock(), createElementBlock("img", {
+                key: 1,
+                class: normalizeClass(`${prefixItemClsName}-img`),
+                src: __props.item.icon,
+                alt: ""
+              }, null, 10, _hoisted_2)) : createCommentVNode("", true)
             ]),
             key: "0"
           } : void 0

package/es/pro-menu/pro-menu-item.vue2.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./pro-menu-item.vue.js";
+const proMenuItem_vue_vue_type_style_index_0_lang = "";
 export {
-  _sfc_main as default
+  proMenuItem_vue_vue_type_style_index_0_lang as default
 };

package/es/pro-menu/pro-menu-item.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./pro-menu-item.vue.js";
+import "./pro-menu-item.vue2.js";
+export {
+  _sfc_main as default
+};

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

@@ -1,5 +1,5 @@
-import type { IProMenuItem } from './interface';
 import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, type PropType } from 'vue';
+import type { IProMenuItem } from './interface';
 declare const _sfc_main: DefineComponent<{
     collapsed: {
         type: PropType<boolean>;
@@ -14,9 +14,7 @@ declare const _sfc_main: DefineComponent<{
         required: true;
     };
 }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    collapse: (collapsed: boolean) => true;
     'menu-item-click': (key: string) => true;
-    'sub-menu-click': (key: string, openKeys: string[]) => true;
 }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     collapsed: {
         type: PropType<boolean>;
@@ -31,8 +29,6 @@ declare const _sfc_main: DefineComponent<{
         required: true;
     };
 }>> & {
-    onCollapse?: ((collapsed: boolean) => any) | undefined;
     "onMenu-item-click"?: ((key: string) => any) | undefined;
-    "onSub-menu-click"?: ((key: string, openKeys: string[]) => any) | undefined;
 }, {}>;
 export default _sfc_main;

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

@@ -1,5 +1,6 @@
 import { defineComponent, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createElementBlock, Fragment, renderList } from "vue";
 import _sfc_main$1 from "./pro-menu-item.vue.js";
+import "./pro-menu-item.vue2.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "pro-menu",
   props: {
@@ -17,9 +18,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
   },
   emits: {
-    "collapse": (collapsed) => true,
-    "menu-item-click": (key) => true,
-    "sub-menu-click": (key, openKeys) => true
+    "menu-item-click": (key) => true
   },
   setup(__props, { emit }) {
     const props = __props;
@@ -51,12 +50,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: normalizeClass(prefixClsName),
         collapsed: __props.collapsed,
         "selected-keys": __props.selectedKeys,
-        "show-collapse-button": "",
         "auto-open-selected": "",
-        breakpoint: "md",
-        onCollapse: _cache[0] || (_cache[0] = ($event) => emit("collapse", $event)),
-        onMenuItemClick,
-        onSubMenuClick: _cache[1] || (_cache[1] = (_key, _openKeys) => emit("sub-menu-click", _key, _openKeys))
+        onMenuItemClick
       }, {
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {

package/es/{pro-page-wrapper → pro-page-container}/index.d.ts

@@ -1,13 +1,13 @@
 import type { ComponentInternalInstance, ExtractPropTypes, PropType, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, App } from 'vue';
-declare const ProPageWrapper: {
+declare const ProPageContainer: {
     new (...args: any[]): {
         $: ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            hidePageWrapper: boolean;
+            hideBreadcrumb: boolean;
             breadcrumbItems: string[];
         }> & Omit<Readonly<ExtractPropTypes<{
-            hidePageWrapper: {
+            hideBreadcrumb: {
                 type: PropType<boolean>;
                 required: false;
                 default: boolean;
@@ -17,7 +17,7 @@ declare const ProPageWrapper: {
                 required: false;
                 default: () => never[];
             };
-        }>> & VNodeProps & AllowedComponentProps & ComponentCustomProps, "hidePageWrapper" | "breadcrumbItems">;
+        }>> & VNodeProps & AllowedComponentProps & ComponentCustomProps, "hideBreadcrumb" | "breadcrumbItems">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -32,7 +32,7 @@ declare const ProPageWrapper: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
-            hidePageWrapper: {
+            hideBreadcrumb: {
                 type: PropType<boolean>;
                 required: false;
                 default: boolean;
@@ -43,7 +43,7 @@ declare const ProPageWrapper: {
                 default: () => never[];
             };
         }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-            hidePageWrapper: boolean;
+            hideBreadcrumb: boolean;
             breadcrumbItems: string[];
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -66,7 +66,7 @@ declare const ProPageWrapper: {
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
     } & Readonly<ExtractPropTypes<{
-        hidePageWrapper: {
+        hideBreadcrumb: {
             type: PropType<boolean>;
             required: false;
             default: boolean;
@@ -81,7 +81,7 @@ declare const ProPageWrapper: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & ComponentOptionsBase<Readonly<ExtractPropTypes<{
-    hidePageWrapper: {
+    hideBreadcrumb: {
         type: PropType<boolean>;
         required: false;
         default: boolean;
@@ -92,10 +92,10 @@ declare const ProPageWrapper: {
         default: () => never[];
     };
 }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-    hidePageWrapper: boolean;
+    hideBreadcrumb: boolean;
     breadcrumbItems: string[];
 }, {}, string> & VNodeProps & AllowedComponentProps & ComponentCustomProps & {
     install: (app: App) => void;
 };
-export { ProPageWrapper };
-export default ProPageWrapper;
+export { ProPageContainer };
+export default ProPageContainer;

package/es/pro-page-container/index.js

@@ -0,0 +1,14 @@
+import _sfc_main from "./pro-page-container.vue.js";
+import "./pro-page-container.vue2.js";
+import { ProBreadcrumb } from "../pro-breadcrumb/index.js";
+const ProPageContainer = Object.assign(_sfc_main, {
+  install: (app) => {
+    app.use(ProBreadcrumb);
+    app.component("KbProPageContainer", _sfc_main);
+  }
+});
+const ProPageContainer$1 = ProPageContainer;
+export {
+  ProPageContainer,
+  ProPageContainer$1 as default
+};

package/es/{pro-page-wrapper/pro-page-wrapper.vue.d.ts → pro-page-container/pro-page-container.vue.d.ts}

@@ -1,7 +1,7 @@
 import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
 declare const _sfc_main: DefineComponent<{
     /** 是否隐藏面包屑 */
-    hidePageWrapper: {
+    hideBreadcrumb: {
         type: PropType<boolean>;
         required: false;
         default: boolean;
@@ -14,7 +14,7 @@ declare const _sfc_main: DefineComponent<{
     };
 }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     /** 是否隐藏面包屑 */
-    hidePageWrapper: {
+    hideBreadcrumb: {
         type: PropType<boolean>;
         required: false;
         default: boolean;
@@ -26,7 +26,7 @@ declare const _sfc_main: DefineComponent<{
         default: () => never[];
     };
 }>>, {
-    hidePageWrapper: boolean;
+    hideBreadcrumb: boolean;
     breadcrumbItems: string[];
 }>;
 export default _sfc_main;

package/es/{pro-page-wrapper/pro-page-wrapper.vue.js → pro-page-container/pro-page-container.vue.js}

@@ -1,9 +1,9 @@
 import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode, renderSlot } from "vue";
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "pro-page-wrapper",
+  __name: "pro-page-container",
   props: {
     /** 是否隐藏面包屑 */
-    hidePageWrapper: {
+    hideBreadcrumb: {
       type: Boolean,
       required: false,
       default: false
@@ -16,20 +16,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
   },
   setup(__props) {
-    const prefixClsName = "keyblade-pro-page-wrapper";
-    const prefixClsHideName = "keyblade-pro-page-wrapper-hide";
+    const prefixClsName = "keyblade-pro-page-container";
     return (_ctx, _cache) => {
       const _component_kb_pro_breadcrumb = resolveComponent("kb-pro-breadcrumb");
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(__props.hidePageWrapper ? prefixClsHideName : prefixClsName)
+        class: normalizeClass(prefixClsName)
       }, [
-        !__props.hidePageWrapper ? (openBlock(), createBlock(_component_kb_pro_breadcrumb, {
+        !__props.hideBreadcrumb ? (openBlock(), createBlock(_component_kb_pro_breadcrumb, {
           key: 0,
-          style: { "margin": "16px 0" },
           items: __props.breadcrumbItems
         }, null, 8, ["items"])) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default")
-      ], 2);
+      ]);
     };
   }
 });

package/es/pro-page-container/pro-page-container.vue2.js

@@ -0,0 +1,4 @@
+const proPageContainer_vue_vue_type_style_index_0_lang = "";
+export {
+  proPageContainer_vue_vue_type_style_index_0_lang as default
+};

package/es/pro-page-container/pro-page-container.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./pro-page-container.vue.js";
+import "./pro-page-container.vue2.js";
+export {
+  _sfc_main as default
+};