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

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/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.5",
   "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'