@keyblade/pro-components 1.15.0-alpha.3 → 1.15.0-alpha.5

package/es/pro-layout/hooks.js

@@ -2,188 +2,189 @@ var V = Object.defineProperty, X = Object.defineProperties;
 var Y = Object.getOwnPropertyDescriptors;
 var x = Object.getOwnPropertySymbols;
 var Z = Object.prototype.hasOwnProperty, $ = Object.prototype.propertyIsEnumerable;
-var J = (s, c, i) => c in s ? V(s, c, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[c] = i, w = (s, c) => {
-  for (var i in c || (c = {}))
-    Z.call(c, i) && J(s, i, c[i]);
+var J = (c, s, n) => s in c ? V(c, s, { enumerable: !0, configurable: !0, writable: !0, value: n }) : c[s] = n, O = (c, s) => {
+  for (var n in s || (s = {}))
+    Z.call(s, n) && J(c, n, s[n]);
   if (x)
-    for (var i of x(c))
-      $.call(c, i) && J(s, i, c[i]);
-  return s;
-}, O = (s, c) => X(s, Y(c));
-var L = (s, c, i) => new Promise((K, g) => {
-  var p = (u) => {
+    for (var n of x(s))
+      $.call(s, n) && J(c, n, s[n]);
+  return c;
+}, A = (c, s) => X(c, Y(s));
+var W = (c, s, n) => new Promise((K, P) => {
+  var p = (f) => {
     try {
-      r(i.next(u));
+      u(n.next(f));
     } catch (d) {
-      g(d);
+      P(d);
     }
-  }, M = (u) => {
+  }, M = (f) => {
     try {
-      r(i.throw(u));
+      u(n.throw(f));
     } catch (d) {
-      g(d);
+      P(d);
     }
-  }, r = (u) => u.done ? K(u.value) : Promise.resolve(u.value).then(p, M);
-  r((i = i.apply(s, c)).next());
+  }, u = (f) => f.done ? K(f.value) : Promise.resolve(f.value).then(p, M);
+  u((n = n.apply(c, s)).next());
 });
-import { ref as v, computed as _, watch as A } from "vue";
+import { ref as v, computed as _, watch as E } from "vue";
 import { useRoute as I, useRouter as m } from "vue-router";
-import { ProLayoutMode as E, ProLayoutMenuType as R } from "./enum.js";
-const te = (s) => {
-  const c = I(), i = m(), K = v([]), g = v([]), p = v([]), M = v([]), r = v(), u = v([]), d = v({}), k = v([]), f = v([]), P = v([]), T = v([]), y = v([]), b = _(() => {
-    const e = [...s.menuItems], a = (t) => {
+import { ProLayoutMode as k, ProLayoutMenuType as D } from "./enum.js";
+const ne = (c) => {
+  const s = I(), n = m(), K = v([]), P = v([]), p = v([]), M = v([]), u = v(), f = v([]), d = v({}), N = v([]), h = v([]), T = v([]), S = v([]), y = v([]), g = _(() => {
+    const e = [...c.menuItems], a = (t) => {
       t.forEach((l) => {
         if (l != null && l.children && l.children.length > 0) {
           if ((l == null ? void 0 : l.topChildrenMenu) !== void 0)
-            l.children = l.children.map((n) => O(w({}, n), { topMenu: l == null ? void 0 : l.topChildrenMenu }));
+            l.children = l.children.map((i) => A(O({}, i), { topMenu: l == null ? void 0 : l.topChildrenMenu }));
           else {
-            const n = l.children.find((o) => o.topMenu !== void 0);
-            n && (l.topChildrenMenu = n.topMenu, l.children = l.children.map((o) => O(w({}, o), { topMenu: n.topMenu })));
+            const i = l.children.find((o) => o.topMenu !== void 0);
+            i && (l.topChildrenMenu = i.topMenu, l.children = l.children.map((o) => A(O({}, o), { topMenu: i.topMenu })));
           }
           a(l.children);
         }
       });
     };
-    return s.layout === E.mix && a(e), e;
-  }), W = (e) => {
+    return c.layout === k.mix && a(e), e;
+  }), L = (e) => {
     var a;
     if (K.value = [e.name], !(e != null && e.children) || ((a = e == null ? void 0 : e.children) == null ? void 0 : a.length) === 0)
-      y.value = [], i == null || i.push({ path: e.path });
+      y.value = [], n == null || n.push({ path: e.path });
     else if (y.value = e.children, e != null && e.redirect)
       if (typeof e.redirect == "string")
-        i == null || i.push({ path: e.redirect });
+        n == null || n.push({ path: e.redirect });
       else if (typeof e.redirect == "function") {
-        const t = e.redirect(c);
-        i == null || i.push(t);
+        const t = e.redirect(s);
+        n == null || n.push(t);
       } else
-        i == null || i.push(e.redirect);
-  }, B = (e) => {
-    e != null && e.name ? i == null || i.push({ name: e.name }) : i == null || i.push({ path: e.path }), g.value = [e.name];
-  }, D = (e, a) => L(null, null, function* () {
-    if (a != null && a.path && !(s != null && s.onMenuItemClick && !(yield s.onMenuItemClick(a)))) {
+        n == null || n.push(e.redirect);
+  }, R = (e) => {
+    e != null && e.name ? n == null || n.push({ name: e.name }) : n == null || n.push({ path: e.path }), P.value = [e.name];
+  }, B = (e, a) => W(null, null, function* () {
+    if (a != null && a.path && !(c != null && c.onMenuItemClick && !(yield c.onMenuItemClick(a)))) {
       if (a.path.startsWith("http") || a.path.startsWith("https")) {
         window.open(a.path);
         return;
       }
-      e === R.top ? W(a) : B(a);
+      e === D.top ? L(a) : R(a);
     }
   }), H = (e, a) => {
-    e === R.top ? p.value = a : M.value = a;
+    e === D.top ? p.value = a : M.value = a;
   }, j = () => {
     const e = [], a = (t) => {
       var l;
-      for (const n in t) {
-        const o = t[n];
-        if (o.name === ((l = r == null ? void 0 : r.value) == null ? void 0 : l.name) || o.children && o.children.length > 0 && a(o.children))
+      for (const i in t) {
+        const o = t[i];
+        if (o.name === ((l = u == null ? void 0 : u.value) == null ? void 0 : l.name) || o.children && o.children.length > 0 && a(o.children))
           return e.unshift(o), !0;
       }
       return !1;
     };
-    a(JSON.parse(JSON.stringify(b.value))), u.value = e;
+    a(JSON.parse(JSON.stringify(g.value))), f.value = e;
   }, q = () => {
     var a, t, l;
-    const e = (a = u.value) == null ? void 0 : a.map((n) => ({ path: n == null ? void 0 : n.path, label: n == null ? void 0 : n.title }));
-    k.value = (t = r.value) != null && t.breadcrumbs ? (l = r.value) == null ? void 0 : l.breadcrumbs : e.length !== 0 ? e : [];
+    const e = (a = f.value) == null ? void 0 : a.map((i) => ({ path: i == null ? void 0 : i.path, label: i == null ? void 0 : i.title }));
+    N.value = (t = u.value) != null && t.breadcrumbs ? (l = u.value) == null ? void 0 : l.breadcrumbs : e.length !== 0 ? e : [];
   };
   function z() {
-    if (!r.value || r.value.noAffix) {
-      f.value.forEach((n) => {
-        n.active = !1;
+    var b, C;
+    if (!u.value || u.value.noAffix) {
+      h.value.forEach((r) => {
+        r.active = !1;
       });
       return;
     }
-    const { name: e, title: a } = r.value;
-    f.value.forEach((n) => {
-      n.active = !1;
+    const { name: e, title: a } = u.value;
+    h.value.forEach((r) => {
+      r.active = !1;
     });
-    const t = {
+    const t = (b = s.meta) == null ? void 0 : b.getTitle, l = typeof t == "function" ? t(s) : void 0, i = {
       name: e,
-      parentNames: u.value.map((n) => n.name),
-      title: a != null ? a : e,
-      fullPath: c.fullPath,
+      parentNames: f.value.map((r) => r.name),
+      title: (C = l != null ? l : a) != null ? C : e,
+      fullPath: s.fullPath,
       active: !0
-    }, l = f.value.findIndex((n) => n.fullPath === c.fullPath);
-    ~l ? f.value[l].active = !0 : f.value.push(t);
+    }, o = h.value.findIndex((r) => r.fullPath.startsWith(s.path));
+    o >= 0 ? (h.value[o].active = !0, h.value[o].fullPath = s.fullPath) : h.value.push(i);
   }
   const F = (e) => {
-    const a = f.value.find((t) => t.fullPath === e);
-    a && i.push(a.fullPath);
+    const a = h.value.find((t) => t.fullPath === e);
+    a && n.push(a.fullPath);
   }, G = (e) => {
     let a = -1, t = -1;
-    if (f.value.forEach((n, o) => {
-      n.fullPath === e && (t = o), n.active && (a = o);
+    if (h.value.forEach((i, o) => {
+      i.fullPath === e && (t = o), i.active && (a = o);
     }), t === -1) return;
     if (a === t) {
-      let n;
-      t === 0 ? n = f.value[t + 1] : n = f.value[t - 1], n && (n.active = !0, i.push(n.fullPath));
+      let i;
+      t === 0 ? i = h.value[t + 1] : i = h.value[t - 1], i && (i.active = !0, n.push(i.fullPath));
     }
-    const l = f.value.splice(t, 1);
+    const l = h.value.splice(t, 1);
     U(l[0]);
   }, Q = () => {
     var a;
-    if (s != null && s.disableKeepAlive || (a = c == null ? void 0 : c.meta) != null && a.ignoreCache)
+    if (c != null && c.disableKeepAlive || (a = s == null ? void 0 : s.meta) != null && a.ignoreCache)
       return;
-    const e = new Set(P.value);
-    u.value.forEach((t) => {
+    const e = new Set(T.value);
+    f.value.forEach((t) => {
       t.name && e.add(t.name);
-    }), P.value = Array.from(e.values());
+    }), T.value = Array.from(e.values());
   }, U = (e) => {
-    const a = new Set(P.value);
+    const a = new Set(T.value);
     e.parentNames.forEach((t) => {
       a.delete(t);
-    }), f.value.forEach((t) => {
+    }), h.value.forEach((t) => {
       t.parentNames.forEach((l) => {
-        const n = d.value[l];
-        n && (n != null && n.ignoreCache || a.add(n.name));
+        const i = d.value[l];
+        i && (i != null && i.ignoreCache || a.add(i.name));
       });
-    }), P.value = Array.from(a.values());
+    }), T.value = Array.from(a.values());
   };
-  return A(() => b.value, () => {
+  return E(() => g.value, () => {
     const e = {}, a = (t) => {
       t.forEach((l) => {
         l.children && l.children.length > 0 && a(l.children), delete l.children, e[l.name] = l;
       });
     };
-    a(JSON.parse(JSON.stringify(b.value))), d.value = e;
-  }, { immediate: !0 }), A(() => [s.layout, b.value], () => {
+    a(JSON.parse(JSON.stringify(g.value))), d.value = e;
+  }, { immediate: !0 }), E(() => [c.layout, g.value], () => {
     var e, a, t;
-    if (T.value = [], y.value = [], p.value = [...((e = s.menuProps) == null ? void 0 : e.defaultOpenKeys) || [], ...p.value], M.value = [...((a = s.menuProps) == null ? void 0 : a.defaultOpenKeys) || [], ...M.value], s.layout === E.side)
-      y.value = b.value;
-    else if (s.layout === E.mix) {
-      const l = (t = b.value) == null ? void 0 : t.filter((n) => n.topMenu);
-      (l == null ? void 0 : l.length) === 0 ? y.value = b.value : T.value = l;
+    if (S.value = [], y.value = [], p.value = [...((e = c.menuProps) == null ? void 0 : e.defaultOpenKeys) || [], ...p.value], M.value = [...((a = c.menuProps) == null ? void 0 : a.defaultOpenKeys) || [], ...M.value], c.layout === k.side)
+      y.value = g.value;
+    else if (c.layout === k.mix) {
+      const l = (t = g.value) == null ? void 0 : t.filter((i) => i.topMenu);
+      (l == null ? void 0 : l.length) === 0 ? y.value = g.value : S.value = l;
     }
-  }, { immediate: !0 }), A(() => c == null ? void 0 : c.name, () => {
-    var t, l, n;
-    const e = c == null ? void 0 : c.name;
-    r.value = d.value[e], j();
-    const a = u.value.filter((o) => o.topMenu);
-    if (a.length > 0 && T.value.length > 0 && (y.value = ((t = a[a.length - 1]) == null ? void 0 : t.children) || []), K.value = r != null && r.value ? [...a.map((o) => o.name), ...((l = r.value) == null ? void 0 : l.activatedKeys) || []] : [], g.value = r != null && r.value ? [r.value.name, ...((n = r.value) == null ? void 0 : n.activatedKeys) || []] : [], r.value) {
-      const o = u.value.filter((h, C) => C < u.value.length - 1), S = o.filter((h) => h.topMenu).map((h) => h.name), N = o.filter((h) => !h.topMenu).map((h) => h.name);
-      r.value.activatedKeys && r.value.activatedKeys.length > 0 && r.value.activatedKeys.forEach((h) => {
-        const C = d.value[h];
-        C && (C.topMenu ? S.push(h) : N.push(h));
-      }), p.value = Array.from(/* @__PURE__ */ new Set([...p.value, ...S])), M.value = Array.from(/* @__PURE__ */ new Set([...M.value, ...N]));
+  }, { immediate: !0 }), E(() => [s == null ? void 0 : s.name, s == null ? void 0 : s.fullPath], () => {
+    var t, l, i;
+    const e = s == null ? void 0 : s.name;
+    u.value = d.value[e], j();
+    const a = f.value.filter((o) => o.topMenu);
+    if (a.length > 0 && S.value.length > 0 && (y.value = ((t = a[a.length - 1]) == null ? void 0 : t.children) || []), K.value = u != null && u.value ? [...a.map((o) => o.name), ...((l = u.value) == null ? void 0 : l.activatedKeys) || []] : [], P.value = u != null && u.value ? [u.value.name, ...((i = u.value) == null ? void 0 : i.activatedKeys) || []] : [], u.value) {
+      const o = f.value.filter((r, w) => w < f.value.length - 1), b = o.filter((r) => r.topMenu).map((r) => r.name), C = o.filter((r) => !r.topMenu).map((r) => r.name);
+      u.value.activatedKeys && u.value.activatedKeys.length > 0 && u.value.activatedKeys.forEach((r) => {
+        const w = d.value[r];
+        w && (w.topMenu ? b.push(r) : C.push(r));
+      }), p.value = Array.from(/* @__PURE__ */ new Set([...p.value, ...b])), M.value = Array.from(/* @__PURE__ */ new Set([...M.value, ...C]));
     }
-    q(), s.hideTabs || z(), Q();
+    q(), c.hideTabs || z(), Q();
   }, { immediate: !0 }), {
-    topMenuItems: T,
+    topMenuItems: S,
     siderMenuItems: y,
     topMenuSelectedKeys: K,
-    siderMenuSelectedKeys: g,
+    siderMenuSelectedKeys: P,
     topMenuOpenKeys: p,
     siderMenuOpenKeys: M,
-    activeMenuItem: r,
+    activeMenuItem: u,
     menuItemMap: d,
-    breadcrumbItems: k,
-    tabs: f,
-    keepAliveInclude: P,
-    onProMenuItemClick: D,
+    breadcrumbItems: N,
+    tabs: h,
+    keepAliveInclude: T,
+    onProMenuItemClick: B,
     onProMenuOpenKeysChange: H,
     onTabClick: F,
     onTabDelete: G
   };
 };
 export {
-  te as useHooks
+  ne as useHooks
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@keyblade/pro-components",
   "description": "KeyBlade Pro Components",
   "author": "yangshuai <704807396@qq.com>",
-  "version": "1.15.0-alpha.03",
+  "version": "1.15.0-alpha.05",
   "private": false,
   "type": "module",
   "main": "es/index.js",