@keyblade/pro-components 0.0.1-alpha.3 → 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/pro-reuse-tabs/index.js

@@ -1,9 +1,10 @@
-import _ProReuseTabs from "./pro-reuse-tabs.vue.js";
+import _sfc_main from "./pro-reuse-tabs.vue.js";
+import "./pro-reuse-tabs.vue2.js";
 import { Tabs } from "@arco-design/web-vue";
-const ProReuseTabs = Object.assign(_ProReuseTabs, {
+const ProReuseTabs = Object.assign(_sfc_main, {
   install: (app) => {
     app.use(Tabs);
-    app.component("KbProReuseTabs", _ProReuseTabs);
+    app.component("KbProReuseTabs", _sfc_main);
   }
 });
 export {

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

@@ -1,7 +1,57 @@
-import _sfc_main from "./pro-reuse-tabs.vue2.js";
-import "./pro-reuse-tabs.vue3.js";
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _ProReuseTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-65af5f68"]]);
+import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, unref, withCtx, Fragment, renderList, createBlock } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "pro-reuse-tabs",
+  props: {
+    tabs: {
+      type: Array,
+      required: true,
+      default: () => []
+    }
+  },
+  emits: ["tab-click", "tab-delete"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const prefixClsName = "keyblade-pro-reuse-tabs";
+    const activeKey = computed(() => {
+      var _a;
+      return ((_a = props.tabs.find((v) => v.active)) == null ? void 0 : _a.name) ?? void 0;
+    });
+    const onTabClick = (key) => {
+      emit("tab-click", String(key));
+    };
+    const onTabDelete = (key) => {
+      emit("tab-delete", String(key));
+    };
+    return (_ctx, _cache) => {
+      const _component_a_tab_pane = resolveComponent("a-tab-pane");
+      const _component_a_tabs = resolveComponent("a-tabs");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(prefixClsName)
+      }, [
+        createVNode(_component_a_tabs, {
+          "active-key": unref(activeKey),
+          size: "mini",
+          type: "rounded",
+          editable: __props.tabs.length > 1,
+          "hide-content": "",
+          "destroy-on-hide": "",
+          onTabClick,
+          onDelete: onTabDelete
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab) => {
+              return openBlock(), createBlock(_component_a_tab_pane, {
+                key: tab.name,
+                title: tab.title
+              }, null, 8, ["title"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["active-key", "editable"])
+      ]);
+    };
+  }
+});
 export {
-  _ProReuseTabs as default
+  _sfc_main as default
 };

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

@@ -1,57 +1,4 @@
-import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, unref, withCtx, Fragment, renderList, createBlock } from "vue";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "pro-reuse-tabs",
-  props: {
-    tabs: {
-      type: Array,
-      required: true,
-      default: () => []
-    }
-  },
-  emits: ["tab-click", "tab-delete"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const prefixClsName = "keyblade-pro-reuse-tabs";
-    const activeKey = computed(() => {
-      var _a;
-      return ((_a = props.tabs.find((v) => v.active)) == null ? void 0 : _a.name) ?? void 0;
-    });
-    const onTabClick = (key) => {
-      emit("tab-click", String(key));
-    };
-    const onTabDelete = (key) => {
-      emit("tab-delete", String(key));
-    };
-    return (_ctx, _cache) => {
-      const _component_a_tab_pane = resolveComponent("a-tab-pane");
-      const _component_a_tabs = resolveComponent("a-tabs");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(prefixClsName)
-      }, [
-        createVNode(_component_a_tabs, {
-          "active-key": unref(activeKey),
-          size: "mini",
-          type: "rounded",
-          editable: __props.tabs.length > 1,
-          "hide-content": "",
-          "destroy-on-hide": "",
-          onTabClick,
-          onDelete: onTabDelete
-        }, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab) => {
-              return openBlock(), createBlock(_component_a_tab_pane, {
-                key: tab.name,
-                title: tab.title
-              }, null, 8, ["title"]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["active-key", "editable"])
-      ]);
-    };
-  }
-});
+const proReuseTabs_vue_vue_type_style_index_0_lang = "";
 export {
-  _sfc_main as default
+  proReuseTabs_vue_vue_type_style_index_0_lang as default
 };

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

@@ -1,4 +1,6 @@
-const proReuseTabs_vue_vue_type_style_index_0_scoped_65af5f68_lang = "";
+import _sfc_main from "./pro-reuse-tabs.vue.js";
+import { default as default2 } from "./pro-reuse-tabs.vue.js";
+import "./pro-reuse-tabs.vue2.js";
 export {
-  proReuseTabs_vue_vue_type_style_index_0_scoped_65af5f68_lang as default
+  default2 as default
 };

package/es/style.css

@@ -1,4 +1,7 @@
-.keyblade-pro-reuse-tabs[data-v-65af5f68] {
+.keyblade-pro-page-wrapper {
+  padding: 0 20px 20px 20px;
+}
+.keyblade-pro-reuse-tabs {
   position: relative;
   background-color: var(--color-bg-2);
   padding: 4px 20px;

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.3",
+  "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'
 

package/es/_virtual/_plugin-vue_export-helper.js

@@ -1,10 +0,0 @@
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-export {
-  _export_sfc as default
-};