@keyblade/pro-components 0.0.1-alpha.4 → 0.0.1-alpha.6

package/es/components.d.ts

@@ -2,6 +2,7 @@ declare module 'vue' {
     interface GlobalComponents {
         KbProBreadcrumb: typeof import('./index')['ProBreadcrumb'];
         KbProMenu: typeof import('./index')['ProMenu'];
+        KbProPageWrapper: typeof import('./index')['ProPageWrapper'];
         KbProReuseTabs: typeof import('./index')['ProReuseTabs'];
     }
 }

package/es/index.d.ts

@@ -6,6 +6,7 @@ export default _default;
 export { default as ProBreadcrumb } from './pro-breadcrumb';
 export { default as ProMenu } from './pro-menu';
 export type { IProMenuItem } from './pro-menu';
+export { default as ProPageWrapper } from './pro-page-wrapper';
 export { default as ProReuseTabs } from './pro-reuse-tabs';
 export type { IProTab } from './pro-reuse-tabs';
 export type {} from './components';

package/es/index.js

@@ -2,18 +2,22 @@ import { ProBreadcrumb } from "./pro-breadcrumb/index.js";
 import { ProBreadcrumb as ProBreadcrumb2 } from "./pro-breadcrumb/index.js";
 import { ProMenu } from "./pro-menu/index.js";
 import { ProMenu as ProMenu2 } from "./pro-menu/index.js";
+import { ProPageWrapper } from "./pro-page-wrapper/index.js";
+import { ProPageWrapper as ProPageWrapper2 } from "./pro-page-wrapper/index.js";
 import { ProReuseTabs } from "./pro-reuse-tabs/index.js";
 import { ProReuseTabs as ProReuseTabs2 } from "./pro-reuse-tabs/index.js";
 const index = {
   install(app) {
     app.use(ProBreadcrumb);
     app.use(ProMenu);
+    app.use(ProPageWrapper);
     app.use(ProReuseTabs);
   }
 };
 export {
   ProBreadcrumb2 as ProBreadcrumb,
   ProMenu2 as ProMenu,
+  ProPageWrapper2 as ProPageWrapper,
   ProReuseTabs2 as ProReuseTabs,
   index as default
 };

package/es/pro-page-wrapper/index.d.ts

@@ -0,0 +1,110 @@
+import type { ComponentInternalInstance, ExtractPropTypes, PropType, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, App } from 'vue';
+declare const ProPageWrapper: {
+    new (...args: any[]): {
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            hidePageWrapper: boolean;
+            breadcrumbItems: string[];
+        }> & Omit<Readonly<ExtractPropTypes<{
+            hidePageWrapper: {
+                type: PropType<boolean>;
+                required: false;
+                default: boolean;
+            };
+            breadcrumbItems: {
+                type: PropType<string[]>;
+                required: false;
+                default: () => never[];
+            };
+        }>> & VNodeProps & AllowedComponentProps & ComponentCustomProps, "hidePageWrapper" | "breadcrumbItems">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot | undefined;
+        }>;
+        $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: string, ...args: any[]) => void;
+        $el: any;
+        $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
+            hidePageWrapper: {
+                type: PropType<boolean>;
+                required: false;
+                default: boolean;
+            };
+            breadcrumbItems: {
+                type: PropType<string[]>;
+                required: false;
+                default: () => never[];
+            };
+        }>>, {
+            prefixClsName: string;
+            prefixClsHideName: string;
+        }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+            hidePageWrapper: boolean;
+            breadcrumbItems: string[];
+        }, {}, string> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $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: {
+            type: PropType<boolean>;
+            required: false;
+            default: boolean;
+        };
+        breadcrumbItems: {
+            type: PropType<string[]>;
+            required: false;
+            default: () => never[];
+        };
+    }>> & ShallowUnwrapRef<{
+        prefixClsName: string;
+        prefixClsHideName: string;
+    }> & {} & ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly<ExtractPropTypes<{
+    hidePageWrapper: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    breadcrumbItems: {
+        type: PropType<string[]>;
+        required: false;
+        default: () => never[];
+    };
+}>>, {
+    prefixClsName: string;
+    prefixClsHideName: string;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    hidePageWrapper: boolean;
+    breadcrumbItems: string[];
+}, {}, string> & VNodeProps & AllowedComponentProps & ComponentCustomProps & {
+    install: (app: App) => void;
+};
+export { ProPageWrapper };
+export default ProPageWrapper;

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

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

package/es/pro-page-wrapper/pro-page-wrapper.vue.d.ts

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

package/es/pro-page-wrapper/pro-page-wrapper.vue.js

@@ -0,0 +1,36 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode, renderSlot } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "pro-page-wrapper",
+  props: {
+    hidePageWrapper: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    breadcrumbItems: {
+      type: Array,
+      required: false,
+      default: () => []
+    }
+  },
+  setup(__props) {
+    const prefixClsName = "keyblade-pro-page-wrapper";
+    const prefixClsHideName = "keyblade-pro-page-wrapper-hide";
+    return (_ctx, _cache) => {
+      const _component_kb_pro_breadcrumb = resolveComponent("kb-pro-breadcrumb");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(__props.hidePageWrapper ? prefixClsHideName : prefixClsName)
+      }, [
+        !__props.hidePageWrapper ? (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);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

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

package/es/pro-reuse-tabs/index.d.ts

@@ -13,8 +13,8 @@ declare const ProReuseTabs: {
                 default: () => never[];
             };
         }>> & {
-            "onTab-click"?: ((...args: any[]) => any) | undefined;
-            "onTab-delete"?: ((...args: any[]) => any) | undefined;
+            "onTab-click"?: ((key: string) => any) | undefined;
+            "onTab-delete"?: ((key: string) => any) | undefined;
         } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "tabs">;
         $attrs: {
             [x: string]: unknown;
@@ -27,7 +27,7 @@ declare const ProReuseTabs: {
         }>;
         $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: "tab-click" | "tab-delete", ...args: any[]) => void;
+        $emit: ((event: "tab-click", key: string) => void) & ((event: "tab-delete", key: string) => void);
         $el: any;
         $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
             tabs: {
@@ -36,19 +36,19 @@ declare const ProReuseTabs: {
                 default: () => never[];
             };
         }>> & {
-            "onTab-click"?: ((...args: any[]) => any) | undefined;
-            "onTab-delete"?: ((...args: any[]) => any) | undefined;
+            "onTab-click"?: ((key: string) => any) | undefined;
+            "onTab-delete"?: ((key: string) => any) | undefined;
         }, {
             prefixClsName: string;
             props: any;
-            emit: {
-                (event: "tab-click", key: string): void;
-                (event: "tab-delete", key: string): void;
-            };
+            emit: ((event: "tab-click", key: string) => void) & ((event: "tab-delete", key: string) => void);
             activeKey: ComputedRef<string | undefined>;
             onTabClick: (key: string | number) => void;
             onTabDelete: (key: string | number) => void;
-        }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("tab-click" | "tab-delete")[], string, {
+        }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            'tab-click': (key: string) => true;
+            'tab-delete': (key: string) => true;
+        }, string, {
             tabs: IProTab[];
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -77,15 +77,12 @@ declare const ProReuseTabs: {
             default: () => never[];
         };
     }>> & {
-        "onTab-click"?: ((...args: any[]) => any) | undefined;
-        "onTab-delete"?: ((...args: any[]) => any) | undefined;
+        "onTab-click"?: ((key: string) => any) | undefined;
+        "onTab-delete"?: ((key: string) => any) | undefined;
     } & ShallowUnwrapRef<{
         prefixClsName: string;
         props: any;
-        emit: {
-            (event: "tab-click", key: string): void;
-            (event: "tab-delete", key: string): void;
-        };
+        emit: ((event: "tab-click", key: string) => void) & ((event: "tab-delete", key: string) => void);
         activeKey: ComputedRef<string | undefined>;
         onTabClick: (key: string | number) => void;
         onTabDelete: (key: string | number) => void;
@@ -100,19 +97,19 @@ declare const ProReuseTabs: {
         default: () => never[];
     };
 }>> & {
-    "onTab-click"?: ((...args: any[]) => any) | undefined;
-    "onTab-delete"?: ((...args: any[]) => any) | undefined;
+    "onTab-click"?: ((key: string) => any) | undefined;
+    "onTab-delete"?: ((key: string) => any) | undefined;
 }, {
     prefixClsName: string;
     props: any;
-    emit: {
-        (event: "tab-click", key: string): void;
-        (event: "tab-delete", key: string): void;
-    };
+    emit: ((event: "tab-click", key: string) => void) & ((event: "tab-delete", key: string) => void);
     activeKey: ComputedRef<string | undefined>;
     onTabClick: (key: string | number) => void;
     onTabDelete: (key: string | number) => void;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("tab-click" | "tab-delete")[], "tab-click" | "tab-delete", {
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    'tab-click': (key: string) => true;
+    'tab-delete': (key: string) => true;
+}, string, {
     tabs: IProTab[];
 }, {}, string> & VNodeProps & AllowedComponentProps & ComponentCustomProps & {
     install: (app: App) => void;

package/es/pro-reuse-tabs/pro-reuse-tabs.vue.d.ts

@@ -9,22 +9,22 @@ declare const _sfc_main: DefineComponent<{
 }, {
     prefixClsName: string;
     props: any;
-    emit: {
-        (event: 'tab-click', key: string): void;
-        (event: 'tab-delete', key: string): void;
-    };
+    emit: ((event: "tab-click", key: string) => void) & ((event: "tab-delete", key: string) => void);
     activeKey: ComputedRef<string | undefined>;
     onTabClick: (key: string | number) => void;
     onTabDelete: (key: string | number) => void;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("tab-click" | "tab-delete")[], "tab-click" | "tab-delete", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    'tab-click': (key: string) => true;
+    'tab-delete': (key: string) => true;
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     tabs: {
         type: PropType<IProTab[]>;
         required: true;
         default: () => never[];
     };
 }>> & {
-    "onTab-click"?: ((...args: any[]) => any) | undefined;
-    "onTab-delete"?: ((...args: any[]) => any) | undefined;
+    "onTab-click"?: ((key: string) => any) | undefined;
+    "onTab-delete"?: ((key: string) => any) | undefined;
 }, {
     tabs: IProTab[];
 }>;

package/es/pro-reuse-tabs/pro-reuse-tabs.vue.js

@@ -8,7 +8,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       default: () => []
     }
   },
-  emits: ["tab-click", "tab-delete"],
+  emits: {
+    "tab-click": (key) => true,
+    "tab-delete": (key) => true
+  },
   setup(__props, { emit }) {
     const props = __props;
     const prefixClsName = "keyblade-pro-reuse-tabs";

package/es/style.css

@@ -1,3 +1,6 @@
+.keyblade-pro-page-wrapper {
+  padding: 0 20px 20px 20px;
+}
 .keyblade-pro-reuse-tabs {
   position: relative;
   background-color: var(--color-bg-2);

package/package.json

@@ -2,7 +2,7 @@
   "name": "@keyblade/pro-components",
   "description": "KeyBlade Pro Components",
   "author": "yangshuai <704807396@qq.com>",
-  "version": "0.0.1-alpha.4",
+  "version": "0.0.1-alpha.6",
   "private": false,
   "type": "module",
   "main": "es/index.js",

package/src/index.ts

@@ -1,12 +1,14 @@
 import { App } from 'vue'
 import { ProBreadcrumb } from './pro-breadcrumb'
 import { ProMenu } from './pro-menu'
+import { ProPageWrapper } from './pro-page-wrapper'
 import { ProReuseTabs } from './pro-reuse-tabs'
 
 export default {
   install(app: App): void {
     app.use(ProBreadcrumb)
     app.use(ProMenu)
+    app.use(ProPageWrapper)
     app.use(ProReuseTabs)
   }
 }
@@ -17,6 +19,8 @@ export { default as ProBreadcrumb } from './pro-breadcrumb'
 export { default as ProMenu } from './pro-menu'
 export type { IProMenuItem } from './pro-menu'
 
+export { default as ProPageWrapper } from './pro-page-wrapper'
+
 export { default as ProReuseTabs } from './pro-reuse-tabs'
 export type { IProTab } from './pro-reuse-tabs'