@keyblade/pro-components 1.10.2 → 1.11.0

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

@@ -0,0 +1,242 @@
+import type { App } from 'vue';
+declare const ProPageHeader: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            title?: string | undefined;
+            breadcrumbItems?: {
+                path?: string | undefined;
+                label: string;
+            }[] | undefined;
+            subTitle?: string | undefined;
+            titlePosition?: "top" | "bottom" | undefined;
+            hideTitle?: boolean | undefined;
+            breadcrumbRouterMode?: boolean | undefined;
+            breadcrumbPrefixIcon?: string | boolean | undefined;
+            key?: string | number | symbol | undefined;
+            ref?: import("vue").VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            class?: unknown;
+            style?: unknown;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $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: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: import("vue").PropType<string>;
+                required: false;
+                default: string;
+            };
+            subTitle: {
+                type: import("vue").PropType<string>;
+                required: false;
+                default: string;
+            };
+            titlePosition: {
+                type: import("vue").PropType<"top" | "bottom">;
+                required: false;
+                default: string;
+            };
+            hideTitle: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+                default: boolean;
+            };
+            breadcrumbRouterMode: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+                default: boolean;
+            };
+            breadcrumbPrefixIcon: {
+                type: import("vue").PropType<string | boolean>;
+                required: false;
+                default: string;
+            };
+            breadcrumbItems: {
+                type: import("vue").PropType<{
+                    path?: string | undefined;
+                    label: string;
+                }[]>;
+                required: false;
+                default: () => never[];
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            title: string;
+            breadcrumbItems: {
+                path?: string | undefined;
+                label: string;
+            }[];
+            subTitle: string;
+            titlePosition: "top" | "bottom";
+            hideTitle: boolean;
+            breadcrumbRouterMode: boolean;
+            breadcrumbPrefixIcon: string | boolean;
+        }, {}, 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: 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 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<{
+        title: {
+            type: import("vue").PropType<string>;
+            required: false;
+            default: string;
+        };
+        subTitle: {
+            type: import("vue").PropType<string>;
+            required: false;
+            default: string;
+        };
+        titlePosition: {
+            type: import("vue").PropType<"top" | "bottom">;
+            required: false;
+            default: string;
+        };
+        hideTitle: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+            default: boolean;
+        };
+        breadcrumbRouterMode: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+            default: boolean;
+        };
+        breadcrumbPrefixIcon: {
+            type: import("vue").PropType<string | boolean>;
+            required: false;
+            default: string;
+        };
+        breadcrumbItems: {
+            type: import("vue").PropType<{
+                path?: string | undefined;
+                label: string;
+            }[]>;
+            required: false;
+            default: () => never[];
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string>;
+        required: false;
+        default: string;
+    };
+    subTitle: {
+        type: import("vue").PropType<string>;
+        required: false;
+        default: string;
+    };
+    titlePosition: {
+        type: import("vue").PropType<"top" | "bottom">;
+        required: false;
+        default: string;
+    };
+    hideTitle: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    breadcrumbRouterMode: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    breadcrumbPrefixIcon: {
+        type: import("vue").PropType<string | boolean>;
+        required: false;
+        default: string;
+    };
+    breadcrumbItems: {
+        type: import("vue").PropType<{
+            path?: string | undefined;
+            label: string;
+        }[]>;
+        required: false;
+        default: () => never[];
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    title: string;
+    breadcrumbItems: {
+        path?: string | undefined;
+        label: string;
+    }[];
+    subTitle: string;
+    titlePosition: "top" | "bottom";
+    hideTitle: boolean;
+    breadcrumbRouterMode: boolean;
+    breadcrumbPrefixIcon: string | boolean;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    install: (app: App) => void;
+};
+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, Link as t } from "@arco-design/web-vue";
+import { IconApps as m } from "@arco-design/web-vue/es/icon";
+const a = Object.assign(o, {
+  install: (e) => {
+    e.use(r), e.use(s), e.use(t), e.use(m), e.component("KbProPageHeader", o);
+  }
+}), P = a;
+export {
+  a as ProPageHeader,
+  P as default
+};

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

@@ -0,0 +1,106 @@
+import { type PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    /** 标题，不传默认展示面包屑标题最后一项 */
+    title: {
+        type: PropType<string>;
+        required: false;
+        default: string;
+    };
+    /** 副标题，不传默认不展示 */
+    subTitle: {
+        type: PropType<string>;
+        required: false;
+        default: string;
+    };
+    /** 标题位置 */
+    titlePosition: {
+        type: PropType<"top" | "bottom">;
+        required: false;
+        default: string;
+    };
+    /** 是否隐藏标题 */
+    hideTitle: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    /** 面包屑路由模式 */
+    breadcrumbRouterMode: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    /** 面包屑前缀图标 */
+    breadcrumbPrefixIcon: {
+        type: PropType<string | boolean>;
+        required: false;
+        default: string;
+    };
+    /** 面包屑项 */
+    breadcrumbItems: {
+        type: PropType<{
+            path?: string | undefined;
+            label: string;
+        }[]>;
+        required: false;
+        default: () => never[];
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** 标题，不传默认展示面包屑标题最后一项 */
+    title: {
+        type: PropType<string>;
+        required: false;
+        default: string;
+    };
+    /** 副标题，不传默认不展示 */
+    subTitle: {
+        type: PropType<string>;
+        required: false;
+        default: string;
+    };
+    /** 标题位置 */
+    titlePosition: {
+        type: PropType<"top" | "bottom">;
+        required: false;
+        default: string;
+    };
+    /** 是否隐藏标题 */
+    hideTitle: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    /** 面包屑路由模式 */
+    breadcrumbRouterMode: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    /** 面包屑前缀图标 */
+    breadcrumbPrefixIcon: {
+        type: PropType<string | boolean>;
+        required: false;
+        default: string;
+    };
+    /** 面包屑项 */
+    breadcrumbItems: {
+        type: PropType<{
+            path?: string | undefined;
+            label: string;
+        }[]>;
+        required: false;
+        default: () => never[];
+    };
+}>>, {
+    title: string;
+    breadcrumbItems: {
+        path?: string | undefined;
+        label: string;
+    }[];
+    subTitle: string;
+    titlePosition: "top" | "bottom";
+    hideTitle: boolean;
+    breadcrumbRouterMode: boolean;
+    breadcrumbPrefixIcon: string | boolean;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,144 @@
+import { defineComponent as S, inject as N, computed as V, resolveComponent as n, openBlock as a, createElementBlock as u, normalizeClass as s, createVNode as r, unref as c, withCtx as l, createTextVNode as p, toDisplayString as f, createBlock as d, createCommentVNode as i, resolveDynamicComponent as A, Fragment as _, renderList as D } from "vue";
+import { createReusableTemplate as x } from "@vueuse/core";
+const M = { key: 1 }, b = "keyblade-pro-page-header", F = /* @__PURE__ */ S({
+  __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
+    },
+    /** 面包屑路由模式 */
+    breadcrumbRouterMode: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** 面包屑前缀图标 */
+    breadcrumbPrefixIcon: {
+      type: [Boolean, String],
+      required: !1,
+      default: "icon-apps"
+    },
+    /** 面包屑项 */
+    breadcrumbItems: {
+      type: Array,
+      required: !1,
+      default: () => []
+    }
+  },
+  setup(o) {
+    const e = o, [I, k] = x(), [B, g] = x(), v = N("ProBreadcrumbItems", []), y = V(() => e.breadcrumbItems instanceof Array && e.breadcrumbItems.length === 0 || !e.breadcrumbItems ? v.value : e.breadcrumbItems || []);
+    return (j, w) => {
+      const q = n("a-typography-title"), C = n("a-typography-text"), h = n("a-breadcrumb-item"), P = n("a-link"), $ = n("router-link"), R = n("a-breadcrumb");
+      return a(), u("div", {
+        class: s(b)
+      }, [
+        r(c(B), null, {
+          default: l(() => [
+            o.hideTitle ? i("", !0) : (a(), u("div", {
+              key: 0,
+              class: s(`${b}-section-title`)
+            }, [
+              r(q, {
+                heading: 6,
+                class: s(`${b}-title`)
+              }, {
+                default: l(() => {
+                  var t, m, T;
+                  return [
+                    p(f((e == null ? void 0 : e.title) || ((T = (m = y.value) == null ? void 0 : m[((t = y.value) == null ? void 0 : t.length) - 1]) == null ? void 0 : T.label)), 1)
+                  ];
+                }),
+                _: 1
+              }, 8, ["class"]),
+              e != null && e.subTitle ? (a(), d(C, {
+                key: 0,
+                type: "secondary",
+                class: s(`${b}-subtitle`)
+              }, {
+                default: l(() => [
+                  p(f(e == null ? void 0 : e.subTitle), 1)
+                ]),
+                _: 1
+              }, 8, ["class"])) : i("", !0)
+            ], 2))
+          ]),
+          _: 1
+        }),
+        r(c(I), null, {
+          default: l(() => [
+            r(R, {
+              class: s(`${b}-section-breadcrumb`)
+            }, {
+              default: l(() => [
+                o.breadcrumbPrefixIcon ? (a(), d(h, {
+                  key: 0,
+                  style: { cursor: "text" }
+                }, {
+                  default: l(() => [
+                    (a(), d(A(o.breadcrumbPrefixIcon)))
+                  ]),
+                  _: 1
+                })) : i("", !0),
+                (a(!0), u(_, null, D(y.value, (t, m) => (a(), d(h, {
+                  key: `${t}-${m}`
+                }, {
+                  default: l(() => [
+                    o.breadcrumbRouterMode ? (a(), d($, {
+                      key: 0,
+                      to: (t == null ? void 0 : t.path) || ""
+                    }, {
+                      default: l(() => [
+                        r(P, null, {
+                          default: l(() => [
+                            p(f(t == null ? void 0 : t.label), 1)
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ]),
+                      _: 2
+                    }, 1032, ["to"])) : (a(), u("span", M, f(t == null ? void 0 : t.label), 1))
+                  ]),
+                  _: 2
+                }, 1024))), 128))
+              ]),
+              _: 1
+            }, 8, ["class"])
+          ]),
+          _: 1
+        }),
+        o.titlePosition === "top" ? (a(), u(_, { key: 0 }, [
+          r(c(g)),
+          r(c(k))
+        ], 64)) : i("", !0),
+        o.titlePosition === "bottom" ? (a(), u(_, { key: 1 }, [
+          r(c(k)),
+          r(c(g))
+        ], 64)) : i("", !0)
+      ]);
+    };
+  }
+});
+export {
+  F as default
+};

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

@@ -0,0 +1 @@
+

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
+};