@keyblade/pro-components 1.8.1 → 1.10.2

package/package.json

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

package/es/components.d.ts

@@ -1,11 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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

@@ -1,26 +0,0 @@
-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

@@ -1,152 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,45 +0,0 @@
-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

@@ -1,56 +0,0 @@
-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

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

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

@@ -1,25 +0,0 @@
-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

@@ -1,106 +0,0 @@
-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
-};