@keyblade/pro-components 1.7.3 → 1.7.5

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

@@ -2,11 +2,15 @@ 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<string[]>;
+    breadcrumbItems: Ref<{
+        path?: string | undefined;
+        label: string;
+    }[]>;
     tabs: Ref<{
         name: string;
         parentNames: string[];

package/es/pro-layout/hooks.js

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

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

@@ -5,6 +5,9 @@ declare const ProLayout: {
         $data: {};
         $props: {
             title?: string | undefined;
+            tabsSize?: "small" | "mini" | "medium" | "large" | undefined;
+            tabsType?: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule" | undefined;
+            tabsHeaderPadding?: boolean | undefined;
             layout?: "mix" | "side" | undefined;
             headerHeight?: number | undefined;
             logo?: string | undefined;
@@ -15,6 +18,7 @@ declare const ProLayout: {
             footerTitle?: string | undefined;
             hideFooter?: boolean | undefined;
             hideTabs?: boolean | undefined;
+            disableKeepAlive?: boolean | undefined;
             key?: string | number | symbol | undefined;
             ref?: import("vue").VNodeRef | undefined;
             ref_for?: boolean | undefined;
@@ -131,6 +135,26 @@ declare const ProLayout: {
                 required: false;
                 default: boolean;
             };
+            tabsSize: {
+                type: import("vue").PropType<"small" | "mini" | "medium" | "large">;
+                required: false;
+                default: string;
+            };
+            tabsType: {
+                type: import("vue").PropType<"line" | "text" | "card" | "card-gutter" | "rounded" | "capsule">;
+                required: false;
+                default: string;
+            };
+            tabsHeaderPadding: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+                default: boolean;
+            };
+            disableKeepAlive: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+                default: boolean;
+            };
         }>> & {
             onCollapse?: ((collapsed: boolean) => any) | undefined;
             onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
@@ -139,6 +163,9 @@ declare const ProLayout: {
             keepAliveIncludeChange: (keepAliveInclude: string[]) => true;
         }, string, {
             title: string;
+            tabsSize: "small" | "mini" | "medium" | "large";
+            tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
+            tabsHeaderPadding: boolean;
             layout: "mix" | "side";
             headerHeight: number;
             logo: string;
@@ -149,6 +176,7 @@ declare const ProLayout: {
             footerTitle: string;
             hideFooter: boolean;
             hideTabs: boolean;
+            disableKeepAlive: boolean;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -225,6 +253,26 @@ declare const ProLayout: {
             required: false;
             default: boolean;
         };
+        tabsSize: {
+            type: import("vue").PropType<"small" | "mini" | "medium" | "large">;
+            required: false;
+            default: string;
+        };
+        tabsType: {
+            type: import("vue").PropType<"line" | "text" | "card" | "card-gutter" | "rounded" | "capsule">;
+            required: false;
+            default: string;
+        };
+        tabsHeaderPadding: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+            default: boolean;
+        };
+        disableKeepAlive: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+            default: boolean;
+        };
     }>> & {
         onCollapse?: ((collapsed: boolean) => any) | undefined;
         onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
@@ -288,6 +336,26 @@ declare const ProLayout: {
         required: false;
         default: boolean;
     };
+    tabsSize: {
+        type: import("vue").PropType<"small" | "mini" | "medium" | "large">;
+        required: false;
+        default: string;
+    };
+    tabsType: {
+        type: import("vue").PropType<"line" | "text" | "card" | "card-gutter" | "rounded" | "capsule">;
+        required: false;
+        default: string;
+    };
+    tabsHeaderPadding: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    disableKeepAlive: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
 }>> & {
     onCollapse?: ((collapsed: boolean) => any) | undefined;
     onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
@@ -296,6 +364,9 @@ declare const ProLayout: {
     keepAliveIncludeChange: (keepAliveInclude: string[]) => true;
 }, string, {
     title: string;
+    tabsSize: "small" | "mini" | "medium" | "large";
+    tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
+    tabsHeaderPadding: boolean;
     layout: "mix" | "side";
     headerHeight: number;
     logo: string;
@@ -306,6 +377,7 @@ declare const ProLayout: {
     footerTitle: string;
     hideFooter: boolean;
     hideTabs: boolean;
+    disableKeepAlive: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         "header-left"?(_: {}): any;

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

@@ -71,6 +71,30 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    /** tabs尺寸 */
+    tabsSize: {
+        type: PropType<"small" | "mini" | "medium" | "large">;
+        required: false;
+        default: string;
+    };
+    /** tabs类型 */
+    tabsType: {
+        type: PropType<"line" | "text" | "card" | "card-gutter" | "rounded" | "capsule">;
+        required: false;
+        default: string;
+    };
+    /** tabs头部间距 */
+    tabsHeaderPadding: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    /** 禁用全局路由缓存 */
+    disableKeepAlive: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     /** 收缩事件 */
     collapse: (collapsed: boolean) => true;
@@ -147,11 +171,38 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    /** tabs尺寸 */
+    tabsSize: {
+        type: PropType<"small" | "mini" | "medium" | "large">;
+        required: false;
+        default: string;
+    };
+    /** tabs类型 */
+    tabsType: {
+        type: PropType<"line" | "text" | "card" | "card-gutter" | "rounded" | "capsule">;
+        required: false;
+        default: string;
+    };
+    /** tabs头部间距 */
+    tabsHeaderPadding: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    /** 禁用全局路由缓存 */
+    disableKeepAlive: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
 }>> & {
     onCollapse?: ((collapsed: boolean) => any) | undefined;
     onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
 }, {
     title: string;
+    tabsSize: "small" | "mini" | "medium" | "large";
+    tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
+    tabsHeaderPadding: boolean;
     layout: "mix" | "side";
     headerHeight: number;
     logo: string;
@@ -162,6 +213,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     footerTitle: string;
     hideFooter: boolean;
     hideTabs: boolean;
+    disableKeepAlive: boolean;
 }, {}>, {
     "header-left"?(_: {}): any;
     "header-center"?(_: {}): any;