@keyblade/pro-components 1.4.6 → 1.5.1

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.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

@@ -1,55 +1,54 @@
-import { IProTab } from './interface';
-import { ComponentInternalInstance, VNodeRef, VNode, RendererNode, RendererElement, Slot, ComponentPublicInstance, ComponentOptionsBase, ExtractPropTypes, PropType, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, VNodeProps, AllowedComponentProps, ComponentCustomProps, App } from 'vue';
+import type { App } from 'vue';
 declare const ProReuseTabs: {
     new (...args: any[]): {
-        $: ComponentInternalInstance;
+        $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
-            tabs?: IProTab[] | undefined;
-            style?: unknown;
+            tabs?: import("./interface").IProTab[] | undefined;
             key?: string | number | symbol | undefined;
-            ref?: VNodeRef | undefined;
+            ref?: import("vue").VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
-            onVnodeBeforeMount?: ((vnode: VNode<RendererNode, RendererElement, {
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
-            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            onVnodeMounted?: ((vnode: VNode<RendererNode, RendererElement, {
+            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
-            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            onVnodeBeforeUpdate?: ((vnode: VNode<RendererNode, RendererElement, {
+            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
-            }>, oldVNode: VNode<RendererNode, RendererElement, {
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
-            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
-            }>, oldVNode: VNode<RendererNode, RendererElement, {
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            onVnodeUpdated?: ((vnode: VNode<RendererNode, RendererElement, {
+            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
-            }>, oldVNode: VNode<RendererNode, RendererElement, {
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
-            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
-            }>, oldVNode: VNode<RendererNode, RendererElement, {
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            onVnodeBeforeUnmount?: ((vnode: VNode<RendererNode, RendererElement, {
+            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
-            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            onVnodeUnmounted?: ((vnode: VNode<RendererNode, RendererElement, {
+            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
-            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
             class?: unknown;
+            style?: unknown;
             "onTab-click"?: ((key: string) => any) | undefined;
             "onTab-delete"?: ((key: string) => any) | undefined;
         };
@@ -60,26 +59,26 @@ declare const ProReuseTabs: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            [name: string]: Slot<any> | undefined;
+            [name: string]: import("vue").Slot<any> | 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;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $emit: ((event: "tab-click", key: string) => void) & ((event: "tab-delete", key: string) => void);
         $el: any;
-        $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             tabs: {
-                type: PropType<IProTab[]>;
+                type: import("vue").PropType<import("./interface").IProTab[]>;
                 required: true;
                 default: () => never[];
             };
         }>> & {
             "onTab-click"?: ((key: string) => any) | undefined;
             "onTab-delete"?: ((key: string) => any) | undefined;
-        }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'tab-click': (key: string) => true;
             'tab-delete': (key: string) => true;
         }, string, {
-            tabs: IProTab[];
+            tabs: import("./interface").IProTab[];
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -93,41 +92,41 @@ declare const ProReuseTabs: {
             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;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").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<{
+        $nextTick: typeof import("vue").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?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
         tabs: {
-            type: PropType<IProTab[]>;
+            type: import("vue").PropType<import("./interface").IProTab[]>;
             required: true;
             default: () => never[];
         };
     }>> & {
         "onTab-click"?: ((key: string) => any) | undefined;
         "onTab-delete"?: ((key: string) => any) | undefined;
-    } & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {};
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & ComponentOptionsBase<Readonly<ExtractPropTypes<{
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     tabs: {
-        type: PropType<IProTab[]>;
+        type: import("vue").PropType<import("./interface").IProTab[]>;
         required: true;
         default: () => never[];
     };
 }>> & {
     "onTab-click"?: ((key: string) => any) | undefined;
     "onTab-delete"?: ((key: string) => any) | undefined;
-}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'tab-click': (key: string) => true;
     'tab-delete': (key: string) => true;
 }, string, {
-    tabs: IProTab[];
-}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & {
+    tabs: import("./interface").IProTab[];
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     install: (app: App) => void;
 };
 export * from './interface';

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

@@ -1,15 +1,15 @@
-import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, type PropType } from 'vue';
+import { type PropType } from 'vue';
 import type { IProTab } from './interface';
-declare const _default: DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     tabs: {
         type: PropType<IProTab[]>;
         required: true;
         default: () => never[];
     };
-}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'tab-click': (key: string) => true;
     'tab-delete': (key: string) => true;
-}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tabs: {
         type: PropType<IProTab[]>;
         required: true;

package/es/style.css

@@ -1 +1 @@
-.keyblade-pro-breadcrumb{margin:16px 0}.keyblade-pro-page-container{padding:0 20px 20px}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout :global(.arco-layout-sider-trigger){border-top:0}.keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--79d837bc);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--color-bg-2);border-bottom:1px solid var(--color-border);transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout-header-left{cursor:pointer;display:flex;align-items:center}.keyblade-pro-layout-header-left-logo{height:28px}.keyblade-pro-layout-header-left-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout-sider{padding-top:var(--79d837bc);position:fixed;top:0;left:0;z-index:99;height:100%;transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout-sider-content{position:relative;height:100%;overflow:auto}.keyblade-pro-layout-sider-collapsed-icon.arco-btn{position:absolute;right:12px;bottom:12px}.keyblade-pro-layout-body{padding-top:var(--79d837bc);padding-left:var(--51986431);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout-body-collapsed{padding-left:var(--2cc12c98)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--51986431);width:calc(100% - var(--51986431))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--2cc12c98);width:calc(100% - var(--2cc12c98))}.keyblade-pro-layout-side .keyblade-pro-layout-sider{padding-top:0}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-top{position:relative;display:flex;align-items:center;padding:16px;cursor:pointer;transition:padding .3s cubic-bezier(.645,.045,.355,1)}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-top-logo{width:28px;height:auto}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-top-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-collapsed .keyblade-pro-layout-sider-content-top{padding:16px 8px}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.keyblade-pro-menu-item-img{width:14px;height:auto}
+.keyblade-pro-layout-mix,.keyblade-pro-layout-side{width:100%;height:100%}.keyblade-pro-layout-mix .keyblade-pro-layout-header,.keyblade-pro-layout-side .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--cdf6a4c6);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--color-bg-2);border-bottom:1px solid var(--color-border);transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout-mix .keyblade-pro-layout-header-left,.keyblade-pro-layout-side .keyblade-pro-layout-header-left{cursor:pointer;display:flex;align-items:center}.keyblade-pro-layout-mix .keyblade-pro-layout-header-left-logo,.keyblade-pro-layout-side .keyblade-pro-layout-header-left-logo{height:28px}.keyblade-pro-layout-mix .keyblade-pro-layout-header-left-title.arco-typography,.keyblade-pro-layout-side .keyblade-pro-layout-header-left-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout-mix .keyblade-pro-layout-header-center,.keyblade-pro-layout-side .keyblade-pro-layout-header-center{flex:1}.keyblade-pro-layout-mix .keyblade-pro-layout-sider,.keyblade-pro-layout-side .keyblade-pro-layout-sider{padding-top:var(--cdf6a4c6);position:fixed;top:0;left:0;z-index:99;height:100%;transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout-mix .keyblade-pro-layout-sider-content,.keyblade-pro-layout-side .keyblade-pro-layout-sider-content{position:relative;height:100%;overflow:auto}.keyblade-pro-layout-mix .keyblade-pro-layout-sider-collapsed-icon.arco-btn,.keyblade-pro-layout-side .keyblade-pro-layout-sider-collapsed-icon.arco-btn{position:absolute;right:12px;bottom:12px}.keyblade-pro-layout-mix .keyblade-pro-layout-body,.keyblade-pro-layout-side .keyblade-pro-layout-body{padding-top:var(--cdf6a4c6);padding-left:var(--482f4d20);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout-mix .keyblade-pro-layout-body-affix .arco-affix,.keyblade-pro-layout-side .keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout-mix .keyblade-pro-layout-body-footer,.keyblade-pro-layout-side .keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout-mix .keyblade-pro-layout-body-collapsed,.keyblade-pro-layout-side .keyblade-pro-layout-body-collapsed{padding-left:var(--20f42956)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--482f4d20);width:calc(100% - var(--482f4d20))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--20f42956);width:calc(100% - var(--20f42956))}.keyblade-pro-layout-side .keyblade-pro-layout-sider{padding-top:0}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-top{position:relative;display:flex;align-items:center;padding:16px;cursor:pointer;transition:padding .3s cubic-bezier(.645,.045,.355,1)}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-top-logo{width:28px;height:auto}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-top-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-collapsed .keyblade-pro-layout-sider-content-top{padding:16px 8px}.keyblade-pro-page-container-content{padding:20px}.keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.keyblade-pro-page-header{background:var(--color-bg-2);padding:16px 32px}.keyblade-pro-page-header-section-breadcrumb .arco-breadcrumb-item:first-child{padding-left:0}.keyblade-pro-page-header-title.arco-typography{padding-top:4px;margin-top:0}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@keyblade/pro-components",
   "description": "KeyBlade Pro Components",
   "author": "yangshuai <704807396@qq.com>",
-  "version": "1.4.6",
+  "version": "1.5.1",
   "private": false,
   "type": "module",
   "main": "es/index.js",
@@ -21,7 +21,8 @@
   ],
   "dependencies": {
     "@arco-design/web-vue": "^2.50.0",
-    "vue-router": "^4.2.4"
+    "vue-router": "^4.2.4",
+    "@vueuse/core": "^10.3.0"
   },
   "peerDependencies": {
     "vue": "^3.3.4"

package/src/index.ts

@@ -1,5 +1,5 @@
 import type { App } from 'vue'
-import { ProBreadcrumb } from './pro-breadcrumb'
+import { ProPageHeader } from './pro-page-header'
 import { ProKeepAliveRouterView } from './pro-keep-alive-router-view'
 import { ProLayout } from './pro-layout'
 import { ProMenu } from './pro-menu'
@@ -8,7 +8,7 @@ import { ProReuseTabs } from './pro-reuse-tabs'
 
 export default {
   install(app: App): void {
-    app.use(ProBreadcrumb)
+    app.use(ProPageHeader)
     app.use(ProKeepAliveRouterView)
     app.use(ProLayout)
     app.use(ProMenu)
@@ -18,7 +18,7 @@ export default {
 }
 
 // 按组件导出
-export { default as ProBreadcrumb } from './pro-breadcrumb'
+export { default as ProPageHeader } from './pro-page-header'
 
 export { default as ProKeepAliveRouterView } from './pro-keep-alive-router-view'
 

package/es/pro-breadcrumb/index.d.ts

@@ -1,206 +0,0 @@
-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: {
-    new (...args: any[]): {
-        $: ComponentInternalInstance;
-        $data: {};
-        $props: {
-            showIcon?: boolean | undefined;
-            icon?: string | undefined;
-            items?: string[] | undefined;
-            showTitle?: boolean | undefined;
-            title?: string | undefined;
-            subTitle?: string | undefined;
-            style?: unknown;
-            key?: string | number | symbol | undefined;
-            ref?: VNodeRef | undefined;
-            ref_for?: boolean | undefined;
-            ref_key?: string | undefined;
-            onVnodeBeforeMount?: ((vnode: VNode<RendererNode, RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeMounted?: ((vnode: VNode<RendererNode, RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUpdate?: ((vnode: VNode<RendererNode, RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: VNode<RendererNode, RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: VNode<RendererNode, RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUpdated?: ((vnode: VNode<RendererNode, RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: VNode<RendererNode, RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: VNode<RendererNode, RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUnmount?: ((vnode: VNode<RendererNode, RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUnmounted?: ((vnode: VNode<RendererNode, RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            class?: unknown;
-        };
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: Slot<any> | 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<{
-            showIcon: {
-                type: PropType<boolean>;
-                required: false;
-                default: boolean;
-            };
-            icon: {
-                type: PropType<string>;
-                required: false;
-                default: string;
-            };
-            items: {
-                type: PropType<string[]>;
-                required: false;
-                default: () => never[];
-            };
-            showTitle: {
-                type: PropType<boolean>;
-                required: false;
-                default: boolean;
-            };
-            title: {
-                type: PropType<string>;
-                required: false;
-                default: string;
-            };
-            subTitle: {
-                type: PropType<string>;
-                required: false;
-                default: string;
-            };
-        }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-            showIcon: boolean;
-            icon: string;
-            items: string[];
-            showTitle: boolean;
-            title: string;
-            subTitle: 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<{
-        showIcon: {
-            type: PropType<boolean>;
-            required: false;
-            default: boolean;
-        };
-        icon: {
-            type: PropType<string>;
-            required: false;
-            default: string;
-        };
-        items: {
-            type: PropType<string[]>;
-            required: false;
-            default: () => never[];
-        };
-        showTitle: {
-            type: PropType<boolean>;
-            required: false;
-            default: boolean;
-        };
-        title: {
-            type: PropType<string>;
-            required: false;
-            default: string;
-        };
-        subTitle: {
-            type: PropType<string>;
-            required: false;
-            default: string;
-        };
-    }>> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & ComponentOptionsBase<Readonly<ExtractPropTypes<{
-    showIcon: {
-        type: PropType<boolean>;
-        required: false;
-        default: boolean;
-    };
-    icon: {
-        type: PropType<string>;
-        required: false;
-        default: string;
-    };
-    items: {
-        type: PropType<string[]>;
-        required: false;
-        default: () => never[];
-    };
-    showTitle: {
-        type: PropType<boolean>;
-        required: false;
-        default: boolean;
-    };
-    title: {
-        type: PropType<string>;
-        required: false;
-        default: string;
-    };
-    subTitle: {
-        type: PropType<string>;
-        required: false;
-        default: string;
-    };
-}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-    showIcon: boolean;
-    icon: string;
-    items: string[];
-    showTitle: boolean;
-    title: string;
-    subTitle: string;
-}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & {
-    install: (app: App) => void;
-};
-export { ProBreadcrumb };
-export default ProBreadcrumb;

package/es/pro-breadcrumb/index.js

@@ -1,13 +0,0 @@
-import o from "./pro-breadcrumb.vue.js";
-import "./pro-breadcrumb.vue2.js";
-import { Breadcrumb as m } from "@arco-design/web-vue";
-import { IconApps as t } from "@arco-design/web-vue/es/icon";
-const c = Object.assign(o, {
-  install: (r) => {
-    r.use(m), r.use(t), r.component("KbProBreadcrumb", o);
-  }
-}), i = c;
-export {
-  c as ProBreadcrumb,
-  i as default
-};