@keyblade/pro-components 1.10.2 → 1.11.0

package/es/components.d.ts

@@ -0,0 +1,11 @@
+declare module 'vue' {
+    interface GlobalComponents {
+        KbProPageHeader: typeof import('./index')['ProPageHeader'];
+        KbProKeepAliveRouterView: typeof import('./index')['ProKeepAliveRouterView'];
+        KbProLayout: typeof import('./index')['ProLayout'];
+        KbProMenu: typeof import('./index')['ProMenu'];
+        KbProPageContainer: typeof import('./index')['ProPageContainer'];
+        KbProReuseTabs: typeof import('./index')['ProReuseTabs'];
+    }
+}
+export {};

package/es/index.d.ts

@@ -0,0 +1,14 @@
+import type { App } from 'vue';
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;
+export { default as ProPageHeader } from './pro-page-header';
+export { default as ProKeepAliveRouterView } from './pro-keep-alive-router-view';
+export { default as ProLayout } from './pro-layout';
+export { default as ProMenu } from './pro-menu';
+export type { IProMenuItem } from './pro-menu';
+export { default as ProPageContainer } from './pro-page-container';
+export { default as ProReuseTabs } from './pro-reuse-tabs';
+export type { IProTab } from './pro-reuse-tabs';
+export type {} from './components';

package/es/index.js

@@ -0,0 +1,26 @@
+import { ProPageHeader as o } from "./pro-page-header/index.js";
+import { default as g } from "./pro-page-header/index.js";
+import { ProKeepAliveRouterView as r } from "./pro-keep-alive-router-view/index.js";
+import { default as b } from "./pro-keep-alive-router-view/index.js";
+import { ProLayout as t } from "./pro-layout/index.js";
+import { default as w } from "./pro-layout/index.js";
+import { ProMenu as a } from "./pro-menu/index.js";
+import { default as A } from "./pro-menu/index.js";
+import { ProPageContainer as u } from "./pro-page-container/index.js";
+import { default as H } from "./pro-page-container/index.js";
+import { ProReuseTabs as f } from "./pro-reuse-tabs/index.js";
+import { default as L } from "./pro-reuse-tabs/index.js";
+const n = {
+  install(e) {
+    e.use(o), e.use(r), e.use(t), e.use(a), e.use(u), e.use(f);
+  }
+};
+export {
+  b as ProKeepAliveRouterView,
+  w as ProLayout,
+  A as ProMenu,
+  H as ProPageContainer,
+  g as ProPageHeader,
+  L as ProReuseTabs,
+  n as default
+};

package/es/pro-keep-alive-router-view/index.d.ts

@@ -0,0 +1,152 @@
+import type { App } from 'vue';
+declare const ProKeepAliveRouterView: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            keepAliveInclude?: string[] | undefined;
+            keepAliveExclude?: string[] | undefined;
+            keepAliveMax?: number | 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<{
+            keepAliveInclude: {
+                type: import("vue").PropType<string[]>;
+                required: false;
+                default: () => never[];
+            };
+            keepAliveExclude: {
+                type: import("vue").PropType<string[]>;
+                required: false;
+                default: () => never[];
+            };
+            keepAliveMax: {
+                type: import("vue").PropType<number>;
+                required: false;
+                default: number;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            keepAliveInclude: string[];
+            keepAliveExclude: string[];
+            keepAliveMax: number;
+        }, {}, 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<{
+        keepAliveInclude: {
+            type: import("vue").PropType<string[]>;
+            required: false;
+            default: () => never[];
+        };
+        keepAliveExclude: {
+            type: import("vue").PropType<string[]>;
+            required: false;
+            default: () => never[];
+        };
+        keepAliveMax: {
+            type: import("vue").PropType<number>;
+            required: false;
+            default: number;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    keepAliveInclude: {
+        type: import("vue").PropType<string[]>;
+        required: false;
+        default: () => never[];
+    };
+    keepAliveExclude: {
+        type: import("vue").PropType<string[]>;
+        required: false;
+        default: () => never[];
+    };
+    keepAliveMax: {
+        type: import("vue").PropType<number>;
+        required: false;
+        default: number;
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    keepAliveInclude: string[];
+    keepAliveExclude: string[];
+    keepAliveMax: number;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    install: (app: App) => void;
+};
+export { ProKeepAliveRouterView };
+export default ProKeepAliveRouterView;

package/es/pro-keep-alive-router-view/index.js

@@ -0,0 +1,10 @@
+import e from "./pro-keep-alive-router-view.vue.js";
+const t = Object.assign(e, {
+  install: (o) => {
+    o.component("KbProKeepAliveRouterView", e);
+  }
+}), r = t;
+export {
+  t as ProKeepAliveRouterView,
+  r as default
+};

package/es/pro-keep-alive-router-view/pro-keep-alive-router-view.vue.d.ts

@@ -0,0 +1,45 @@
+import { type PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    /** 包含 */
+    keepAliveInclude: {
+        type: PropType<string[]>;
+        required: false;
+        default: () => never[];
+    };
+    /** 排除（ProLayout里一般不会用） */
+    keepAliveExclude: {
+        type: PropType<string[]>;
+        required: false;
+        default: () => never[];
+    };
+    /** 最大数（ProLayout里一般不会用） */
+    keepAliveMax: {
+        type: PropType<number>;
+        required: false;
+        default: number;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** 包含 */
+    keepAliveInclude: {
+        type: PropType<string[]>;
+        required: false;
+        default: () => never[];
+    };
+    /** 排除（ProLayout里一般不会用） */
+    keepAliveExclude: {
+        type: PropType<string[]>;
+        required: false;
+        default: () => never[];
+    };
+    /** 最大数（ProLayout里一般不会用） */
+    keepAliveMax: {
+        type: PropType<number>;
+        required: false;
+        default: number;
+    };
+}>>, {
+    keepAliveInclude: string[];
+    keepAliveExclude: string[];
+    keepAliveMax: number;
+}, {}>;
+export default _default;

package/es/pro-keep-alive-router-view/pro-keep-alive-router-view.vue.js

@@ -0,0 +1,56 @@
+import { defineComponent as o, inject as s, computed as r, resolveComponent as A, openBlock as i, createBlock as t, withCtx as k, KeepAlive as x, resolveDynamicComponent as y } from "vue";
+const _ = /* @__PURE__ */ o({
+  __name: "pro-keep-alive-router-view",
+  props: {
+    /** 包含 */
+    keepAliveInclude: {
+      type: Array,
+      required: !1,
+      default: () => []
+    },
+    /** 排除（ProLayout里一般不会用） */
+    keepAliveExclude: {
+      type: Array,
+      required: !1,
+      default: () => []
+    },
+    /** 最大数（ProLayout里一般不会用） */
+    keepAliveMax: {
+      type: Number,
+      required: !1,
+      default: 9999
+    }
+  },
+  setup(d) {
+    const l = d, u = (e) => {
+      var p, n, c, a;
+      if ((p = e == null ? void 0 : e.meta) != null && p.componentKey) {
+        if (((c = e == null ? void 0 : e.meta) == null ? void 0 : c.componentKey) === "path")
+          return e.path;
+        if (((a = e == null ? void 0 : e.meta) == null ? void 0 : a.componentKey) === "fullPath")
+          return e.fullPath;
+      } else
+        return (n = e == null ? void 0 : e.meta) != null && n.ignoreCache ? e.path : e.fullPath;
+    }, v = s("ProKeepAliveInclude", []), m = r(() => l.keepAliveInclude instanceof Array && l.keepAliveInclude.length === 0 || !l.keepAliveInclude ? v.value : l.keepAliveInclude || []), f = r(() => l.keepAliveExclude || []);
+    return (e, p) => {
+      const n = A("router-view");
+      return i(), t(n, null, {
+        default: k(({ Component: c, route: a }) => [
+          (i(), t(x, {
+            include: m.value,
+            exclude: f.value,
+            max: d.keepAliveMax
+          }, [
+            (i(), t(y(c), {
+              key: u(a)
+            }))
+          ], 1032, ["include", "exclude", "max"]))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _ as default
+};

package/es/pro-keep-alive-router-view/pro-keep-alive-router-view.vue2.js

@@ -0,0 +1,4 @@
+import f from "./pro-keep-alive-router-view.vue.js";
+export {
+  f as default
+};

package/es/pro-layout/hooks.d.ts

@@ -0,0 +1,25 @@
+import { type Ref } from 'vue';
+import type { IProMenuItem } from '../pro-menu';
+export declare function useHooks(menuItems: Ref<IProMenuItem[]>, options: {
+    hideTabs: boolean;
+    disableKeepAlive: boolean;
+}): {
+    menuSelectedKeys: Ref<string[]>;
+    activeMenuItem: Ref<IProMenuItem | undefined>;
+    menuItemMap: Ref<Record<string, IProMenuItem>>;
+    breadcrumbItems: Ref<{
+        path?: string | undefined;
+        label: string;
+    }[]>;
+    tabs: Ref<{
+        name: string;
+        parentNames: string[];
+        title: string;
+        fullPath: string;
+        active: boolean;
+    }[]>;
+    keepAliveInclude: Ref<string[]>;
+    onMenuItemClick: (key: string) => void;
+    onTabClick: (key: string) => void;
+    onTabDelete: (key: string) => void;
+};

package/es/pro-layout/hooks.js

@@ -0,0 +1,106 @@
+import { ref as i, watch as T } from "vue";
+import { useRoute as S, useRouter as x } from "vue-router";
+function J(h, o) {
+  const r = S(), b = x(), m = i([]), P = (t) => {
+    m.value = [t];
+  }, u = i(), v = i([]), d = i({}), p = i([]), c = i([]), f = i([]), N = () => {
+    const t = [], l = (a) => {
+      var n;
+      for (const e in a) {
+        const s = a[e];
+        if (s.name === ((n = u == null ? void 0 : u.value) == null ? void 0 : n.name) || s.children && s.children.length > 0 && l(s.children))
+          return delete s.children, t.unshift(s), !0;
+      }
+      return !1;
+    };
+    l(JSON.parse(JSON.stringify(h.value))), v.value = t;
+  }, k = () => {
+    var l, a, n;
+    const t = (l = v.value) == null ? void 0 : l.map((e) => ({ path: e == null ? void 0 : e.path, label: e == null ? void 0 : e.title }));
+    p.value = (a = u.value) != null && a.breadcrumbs ? (n = u.value) == null ? void 0 : n.breadcrumbs : t.length !== 0 ? t : [];
+  };
+  function y() {
+    if (!u.value || u.value.noAffix) {
+      c.value.forEach((e) => {
+        e.active = !1;
+      });
+      return;
+    }
+    const { name: t, title: l } = u.value;
+    let a = -1;
+    c.value.forEach((e, s) => {
+      e.active = !1, e.name === t && (a = s);
+    });
+    const n = {
+      name: t,
+      parentNames: v.value.map((e) => e.name),
+      title: l ?? t,
+      fullPath: r.fullPath,
+      active: !0
+    };
+    if (~a) {
+      const e = c.value[a];
+      e.fullPath === r.fullPath ? (e.active = !0, e.fullPath = r.fullPath) : (c.value.splice(a, 1), setTimeout(() => {
+        c.value.push(n);
+      }));
+    } else
+      c.value.push(n);
+  }
+  const A = (t) => {
+    const l = c.value.findIndex((n) => n.name === t), a = c.value[l];
+    b.push(a.fullPath);
+  }, E = (t) => {
+    let l = -1, a = -1;
+    if (c.value.forEach((e, s) => {
+      e.name === t && (a = s), e.active && (l = s);
+    }), l === a) {
+      let e;
+      a === 0 ? e = c.value[a + 1] : e = c.value[a - 1], e.active = !0, b.push(e.fullPath);
+    }
+    const n = c.value.splice(a, 1);
+    I(n[0]);
+  }, g = () => {
+    var l;
+    if (o != null && o.disableKeepAlive || (l = r == null ? void 0 : r.meta) != null && l.ignoreCache)
+      return;
+    const t = new Set(f.value);
+    v.value.forEach((a) => {
+      a.name && t.add(a.name);
+    }), f.value = Array.from(t.values());
+  }, I = (t) => {
+    const l = new Set(f.value);
+    t.parentNames.forEach((a) => {
+      l.delete(a);
+    }), c.value.forEach((a) => {
+      a.parentNames.forEach((n) => {
+        const e = d.value[n];
+        e != null && e.ignoreCache || l.add(e.name);
+      });
+    }), f.value = Array.from(l.values());
+  };
+  return T(h, () => {
+    const t = {}, l = (a) => {
+      a.forEach((n) => {
+        n.children && n.children.length > 0 && l(n.children), delete n.children, t[n.name] = n;
+      });
+    };
+    l(JSON.parse(JSON.stringify(h.value))), d.value = t;
+  }, { immediate: !0 }), T(() => r == null ? void 0 : r.name, () => {
+    var l;
+    const t = r == null ? void 0 : r.name;
+    u.value = d.value[t], m.value = u != null && u.value ? [u.value.name, ...((l = u.value) == null ? void 0 : l.activatedKeys) || []] : [], N(), k(), o.hideTabs || y(), g();
+  }, { immediate: !0 }), {
+    menuSelectedKeys: m,
+    activeMenuItem: u,
+    menuItemMap: d,
+    breadcrumbItems: p,
+    tabs: c,
+    keepAliveInclude: f,
+    onMenuItemClick: P,
+    onTabClick: A,
+    onTabDelete: E
+  };
+}
+export {
+  J as useHooks
+};