@keyblade/pro-components 1.4.5 → 1.5.0

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

@@ -1,71 +1,51 @@
-import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode, renderSlot } from "vue";
-const prefixClsName = "keyblade-pro-page-container";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as o, resolveComponent as d, openBlock as t, createElementBlock as n, normalizeClass as a, createBlock as c, createCommentVNode as s, createElementVNode as m, renderSlot as b } from "vue";
+const r = "keyblade-pro-page-container", f = /* @__PURE__ */ o({
   __name: "pro-page-container",
   props: {
-    /** 是否隐藏面包屑 */
-    hideBreadcrumb: {
+    /** 是否隐藏页头 */
+    hidePageHeader: {
       type: Boolean,
-      required: false,
-      default: false
+      required: !1,
+      default: !1
     },
-    /** 面包屑是否显示图标 */
-    breadcrumbShowIcon: {
-      type: Boolean,
-      required: false,
-      default: true
-    },
-    /** 面包屑图标类型 */
-    breadcrumbIcon: {
-      type: String,
-      required: false,
-      default: "icon-apps"
-    },
-    /** 面包屑项目 */
-    breadcrumbItems: {
-      type: Array,
-      required: false,
-      default: () => []
-    },
-    /** 面包屑是否显示标题 */
-    breadcrumbShowTitle: {
-      type: Boolean,
-      required: false,
-      default: true
-    },
-    /** 面包屑标题，不传默认展示面包屑标题最后一项 */
-    breadcrumbTitle: {
-      type: String,
-      required: false,
-      default: ""
-    },
-    /** 面包屑副标题，不传默认不展示 */
-    breadcrumbSubTitle: {
-      type: String,
-      required: false,
-      default: ""
+    /** 页头属性 */
+    pageHeader: {
+      type: Object,
+      required: !1,
+      default: () => ({
+        title: "",
+        subTitle: "",
+        titlePosition: "top",
+        hideTitle: !1,
+        breadcrumbPrefixIcon: "icon-apps",
+        breadcrumbItems: []
+      })
     }
   },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      const _component_kb_pro_breadcrumb = resolveComponent("kb-pro-breadcrumb");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(prefixClsName)
+  setup(e) {
+    return (i, u) => {
+      const l = d("kb-pro-page-header");
+      return t(), n("div", {
+        class: a(r)
       }, [
-        !__props.hideBreadcrumb ? (openBlock(), createBlock(_component_kb_pro_breadcrumb, {
+        e.hidePageHeader ? s("", !0) : (t(), c(l, {
           key: 0,
-          "show-icon": __props.breadcrumbShowIcon,
-          icon: __props.breadcrumbIcon,
-          items: __props.breadcrumbItems,
-          "show-title": __props.breadcrumbShowTitle,
-          title: __props.breadcrumbTitle,
-          "sub-title": __props.breadcrumbSubTitle
-        }, null, 8, ["show-icon", "icon", "items", "show-title", "title", "sub-title"])) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "default")
+          title: e.pageHeader.title,
+          subTitle: e.pageHeader.subTitle,
+          titlePosition: e.pageHeader.titlePosition,
+          hideTitle: e.pageHeader.hideTitle,
+          breadcrumbPrefixIcon: e.pageHeader.breadcrumbPrefixIcon,
+          breadcrumbItems: e.pageHeader.breadcrumbItems
+        }, null, 8, ["title", "subTitle", "titlePosition", "hideTitle", "breadcrumbPrefixIcon", "breadcrumbItems"])),
+        m("div", {
+          class: a(`${r}-content`)
+        }, [
+          b(i.$slots, "default")
+        ], 2)
       ]);
     };
   }
 });
 export {
-  _sfc_main as default
+  f as default
 };

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

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

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

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

package/es/{pro-breadcrumb → pro-page-header}/index.d.ts

@@ -1,16 +1,15 @@
 import { ComponentInternalInstance, VNodeRef, VNode, RendererNode, RendererElement, Slot, ComponentPublicInstance, ComponentOptionsBase, ExtractPropTypes, PropType, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, VNodeProps, AllowedComponentProps, ComponentCustomProps, App } from 'vue';
-declare const ProBreadcrumb: {
+declare const ProPageHeader: {
     new (...args: any[]): {
         $: ComponentInternalInstance;
         $data: {};
         $props: {
-            showIcon?: boolean | undefined;
-            icon?: string | undefined;
-            items?: string[] | undefined;
-            showTitle?: boolean | undefined;
             title?: string | undefined;
+            breadcrumbItems?: string[] | undefined;
             subTitle?: string | undefined;
-            style?: unknown;
+            titlePosition?: "top" | "bottom" | undefined;
+            hideTitle?: boolean | undefined;
+            breadcrumbPrefixIcon?: string | boolean | undefined;
             key?: string | number | symbol | undefined;
             ref?: VNodeRef | undefined;
             ref_for?: boolean | undefined;
@@ -54,6 +53,7 @@ declare const ProBreadcrumb: {
                 [key: string]: any;
             }>) => void)[] | undefined;
             class?: unknown;
+            style?: unknown;
         };
         $attrs: {
             [x: string]: unknown;
@@ -69,43 +69,43 @@ declare const ProBreadcrumb: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
-            showIcon: {
-                type: PropType<boolean>;
+            title: {
+                type: PropType<string>;
                 required: false;
-                default: boolean;
+                default: string;
             };
-            icon: {
+            subTitle: {
                 type: PropType<string>;
                 required: false;
                 default: string;
             };
-            items: {
-                type: PropType<string[]>;
+            titlePosition: {
+                type: PropType<"top" | "bottom">;
                 required: false;
-                default: () => never[];
+                default: string;
             };
-            showTitle: {
+            hideTitle: {
                 type: PropType<boolean>;
                 required: false;
                 default: boolean;
             };
-            title: {
-                type: PropType<string>;
+            breadcrumbPrefixIcon: {
+                type: PropType<string | boolean>;
                 required: false;
                 default: string;
             };
-            subTitle: {
-                type: PropType<string>;
+            breadcrumbItems: {
+                type: PropType<string[]>;
                 required: false;
-                default: string;
+                default: () => never[];
             };
         }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-            showIcon: boolean;
-            icon: string;
-            items: string[];
-            showTitle: boolean;
             title: string;
+            breadcrumbItems: string[];
             subTitle: string;
+            titlePosition: "top" | "bottom";
+            hideTitle: boolean;
+            breadcrumbPrefixIcon: string | boolean;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -127,80 +127,80 @@ declare const ProBreadcrumb: {
         $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<{
-        showIcon: {
-            type: PropType<boolean>;
+        title: {
+            type: PropType<string>;
             required: false;
-            default: boolean;
+            default: string;
         };
-        icon: {
+        subTitle: {
             type: PropType<string>;
             required: false;
             default: string;
         };
-        items: {
-            type: PropType<string[]>;
+        titlePosition: {
+            type: PropType<"top" | "bottom">;
             required: false;
-            default: () => never[];
+            default: string;
         };
-        showTitle: {
+        hideTitle: {
             type: PropType<boolean>;
             required: false;
             default: boolean;
         };
-        title: {
-            type: PropType<string>;
+        breadcrumbPrefixIcon: {
+            type: PropType<string | boolean>;
             required: false;
             default: string;
         };
-        subTitle: {
-            type: PropType<string>;
+        breadcrumbItems: {
+            type: PropType<string[]>;
             required: false;
-            default: string;
+            default: () => never[];
         };
     }>> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & ComponentOptionsBase<Readonly<ExtractPropTypes<{
-    showIcon: {
-        type: PropType<boolean>;
+    title: {
+        type: PropType<string>;
         required: false;
-        default: boolean;
+        default: string;
     };
-    icon: {
+    subTitle: {
         type: PropType<string>;
         required: false;
         default: string;
     };
-    items: {
-        type: PropType<string[]>;
+    titlePosition: {
+        type: PropType<"top" | "bottom">;
         required: false;
-        default: () => never[];
+        default: string;
     };
-    showTitle: {
+    hideTitle: {
         type: PropType<boolean>;
         required: false;
         default: boolean;
     };
-    title: {
-        type: PropType<string>;
+    breadcrumbPrefixIcon: {
+        type: PropType<string | boolean>;
         required: false;
         default: string;
     };
-    subTitle: {
-        type: PropType<string>;
+    breadcrumbItems: {
+        type: PropType<string[]>;
         required: false;
-        default: string;
+        default: () => never[];
     };
 }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-    showIcon: boolean;
-    icon: string;
-    items: string[];
-    showTitle: boolean;
     title: string;
+    breadcrumbItems: string[];
     subTitle: string;
+    titlePosition: "top" | "bottom";
+    hideTitle: boolean;
+    breadcrumbPrefixIcon: string | boolean;
 }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & {
     install: (app: App) => void;
 };
-export { ProBreadcrumb };
-export default ProBreadcrumb;
+export { ProPageHeader };
+export default ProPageHeader;

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

@@ -0,0 +1,13 @@
+import o from "./pro-page-header.vue.js";
+import "./pro-page-header.vue2.js";
+import { Breadcrumb as r, Typography as s } from "@arco-design/web-vue";
+import { IconApps as t } from "@arco-design/web-vue/es/icon";
+const a = Object.assign(o, {
+  install: (e) => {
+    e.use(r), e.use(s), e.use(t), e.component("KbProPageHeader", o);
+  }
+}), P = a;
+export {
+  a as ProPageHeader,
+  P as default
+};

package/es/{pro-breadcrumb/pro-breadcrumb.vue.d.ts → pro-page-header/pro-page-header.vue.d.ts}

@@ -1,29 +1,42 @@
 import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, type PropType } from 'vue';
 declare const _default: DefineComponent<{
-    /** 是否显示图标 */
-    showIcon: {
-        type: PropType<boolean>;
+    /** 标题，不传默认展示面包屑标题最后一项 */
+    title: {
+        type: PropType<string>;
         required: false;
-        default: boolean;
+        default: string;
     };
-    /** 图标类型 */
-    icon: {
+    /** 副标题，不传默认不展示 */
+    subTitle: {
         type: PropType<string>;
         required: false;
         default: string;
     };
-    /** 面包屑项目 */
-    items: {
-        type: PropType<string[]>;
+    /** 标题位置 */
+    titlePosition: {
+        type: PropType<"top" | "bottom">;
         required: false;
-        default: () => never[];
+        default: string;
     };
-    /** 是否显示标题 */
-    showTitle: {
+    /** 是否隐藏标题 */
+    hideTitle: {
         type: PropType<boolean>;
         required: false;
         default: boolean;
     };
+    /** 面包屑前缀图标 */
+    breadcrumbPrefixIcon: {
+        type: PropType<string | boolean>;
+        required: false;
+        default: string;
+    };
+    /** 面包屑项 */
+    breadcrumbItems: {
+        type: PropType<string[]>;
+        required: false;
+        default: () => never[];
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     /** 标题，不传默认展示面包屑标题最后一项 */
     title: {
         type: PropType<string>;
@@ -36,49 +49,36 @@ declare const _default: DefineComponent<{
         required: false;
         default: string;
     };
-}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
-    /** 是否显示图标 */
-    showIcon: {
-        type: PropType<boolean>;
-        required: false;
-        default: boolean;
-    };
-    /** 图标类型 */
-    icon: {
-        type: PropType<string>;
+    /** 标题位置 */
+    titlePosition: {
+        type: PropType<"top" | "bottom">;
         required: false;
         default: string;
     };
-    /** 面包屑项目 */
-    items: {
-        type: PropType<string[]>;
-        required: false;
-        default: () => never[];
-    };
-    /** 是否显示标题 */
-    showTitle: {
+    /** 是否隐藏标题 */
+    hideTitle: {
         type: PropType<boolean>;
         required: false;
         default: boolean;
     };
-    /** 标题，不传默认展示面包屑标题最后一项 */
-    title: {
-        type: PropType<string>;
+    /** 面包屑前缀图标 */
+    breadcrumbPrefixIcon: {
+        type: PropType<string | boolean>;
         required: false;
         default: string;
     };
-    /** 副标题，不传默认不展示 */
-    subTitle: {
-        type: PropType<string>;
+    /** 面包屑项 */
+    breadcrumbItems: {
+        type: PropType<string[]>;
         required: false;
-        default: string;
+        default: () => never[];
     };
 }>>, {
-    showIcon: boolean;
-    icon: string;
-    items: string[];
-    showTitle: boolean;
     title: string;
+    breadcrumbItems: string[];
     subTitle: string;
+    titlePosition: "top" | "bottom";
+    hideTitle: boolean;
+    breadcrumbPrefixIcon: string | boolean;
 }, {}>;
 export default _default;

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

@@ -0,0 +1,125 @@
+import { defineComponent as q, inject as $, computed as S, resolveComponent as d, openBlock as t, createElementBlock as c, normalizeClass as o, createVNode as r, unref as n, withCtx as a, createTextVNode as y, toDisplayString as p, createBlock as b, createCommentVNode as s, resolveDynamicComponent as N, Fragment as _, renderList as R } from "vue";
+import { createReusableTemplate as x } from "@vueuse/core";
+const i = "keyblade-pro-page-header", w = /* @__PURE__ */ q({
+  __name: "pro-page-header",
+  props: {
+    /** 标题，不传默认展示面包屑标题最后一项 */
+    title: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** 副标题，不传默认不展示 */
+    subTitle: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** 标题位置 */
+    titlePosition: {
+      type: String,
+      required: !1,
+      default: "top"
+    },
+    /** 是否隐藏标题 */
+    hideTitle: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** 面包屑前缀图标 */
+    breadcrumbPrefixIcon: {
+      type: [Boolean, String],
+      required: !1,
+      default: "icon-apps"
+    },
+    /** 面包屑项 */
+    breadcrumbItems: {
+      type: Array,
+      required: !1,
+      default: () => []
+    }
+  },
+  setup(l) {
+    const e = l, [I, g] = x(), [k, h] = x(), B = $("ProBreadcrumbItems", []), f = S(() => e.breadcrumbItems instanceof Array && e.breadcrumbItems.length === 0 || !e.breadcrumbItems ? B.value : e.breadcrumbItems || []);
+    return (V, A) => {
+      const v = d("a-typography-title"), C = d("a-typography-text"), T = d("a-breadcrumb-item"), P = d("a-breadcrumb");
+      return t(), c("div", {
+        class: o(i)
+      }, [
+        r(n(k), null, {
+          default: a(() => [
+            l.hideTitle ? s("", !0) : (t(), c("div", {
+              key: 0,
+              class: o(`${i}-section-title`)
+            }, [
+              r(v, {
+                heading: 6,
+                class: o(`${i}-title`)
+              }, {
+                default: a(() => {
+                  var u, m;
+                  return [
+                    y(p((e == null ? void 0 : e.title) || ((m = f.value) == null ? void 0 : m[((u = f.value) == null ? void 0 : u.length) - 1])), 1)
+                  ];
+                }),
+                _: 1
+              }, 8, ["class"]),
+              e != null && e.subTitle ? (t(), b(C, {
+                key: 0,
+                type: "secondary",
+                class: o(`${i}-subtitle`)
+              }, {
+                default: a(() => [
+                  y(p(e == null ? void 0 : e.subTitle), 1)
+                ]),
+                _: 1
+              }, 8, ["class"])) : s("", !0)
+            ], 2))
+          ]),
+          _: 1
+        }),
+        r(n(I), null, {
+          default: a(() => [
+            r(P, {
+              class: o(`${i}-section-breadcrumb`)
+            }, {
+              default: a(() => [
+                l.breadcrumbPrefixIcon ? (t(), b(T, {
+                  key: 0,
+                  style: { cursor: "text" }
+                }, {
+                  default: a(() => [
+                    (t(), b(N(l.breadcrumbPrefixIcon)))
+                  ]),
+                  _: 1
+                })) : s("", !0),
+                (t(!0), c(_, null, R(f.value, (u, m) => (t(), b(T, {
+                  key: `${u}-${m}`
+                }, {
+                  default: a(() => [
+                    y(p(u), 1)
+                  ]),
+                  _: 2
+                }, 1024))), 128))
+              ]),
+              _: 1
+            }, 8, ["class"])
+          ]),
+          _: 1
+        }),
+        l.titlePosition === "top" ? (t(), c(_, { key: 0 }, [
+          r(n(h)),
+          r(n(g))
+        ], 64)) : s("", !0),
+        l.titlePosition === "bottom" ? (t(), c(_, { key: 1 }, [
+          r(n(g)),
+          r(n(h))
+        ], 64)) : s("", !0)
+      ]);
+    };
+  }
+});
+export {
+  w as default
+};

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

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

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

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

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

@@ -6,7 +6,6 @@ declare const ProReuseTabs: {
         $data: {};
         $props: {
             tabs?: IProTab[] | undefined;
-            style?: unknown;
             key?: string | number | symbol | undefined;
             ref?: VNodeRef | undefined;
             ref_for?: boolean | undefined;
@@ -50,6 +49,7 @@ declare const ProReuseTabs: {
                 [key: string]: any;
             }>) => void)[] | undefined;
             class?: unknown;
+            style?: unknown;
             "onTab-click"?: ((key: string) => any) | undefined;
             "onTab-delete"?: ((key: string) => any) | undefined;
         };

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

@@ -1,14 +1,12 @@
-import _sfc_main from "./pro-reuse-tabs.vue.js";
+import o from "./pro-reuse-tabs.vue.js";
 import "./pro-reuse-tabs.vue2.js";
-import { Tabs } from "@arco-design/web-vue";
-const ProReuseTabs = Object.assign(_sfc_main, {
-  install: (app) => {
-    app.use(Tabs);
-    app.component("KbProReuseTabs", _sfc_main);
+import { Tabs as e } from "@arco-design/web-vue";
+const t = Object.assign(o, {
+  install: (s) => {
+    s.use(e), s.component("KbProReuseTabs", o);
   }
-});
-const ProReuseTabs$1 = ProReuseTabs;
+}), n = t;
 export {
-  ProReuseTabs,
-  ProReuseTabs$1 as default
+  t as ProReuseTabs,
+  n as default
 };