@keyblade/pro-components 1.15.0-alpha.2 → 1.15.0-alpha.4

package/es/pro-layout/hooks.js

@@ -2,194 +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 = (c, s, i) => s in c ? V(c, s, { enumerable: !0, configurable: !0, writable: !0, value: i }) : c[s] = i, w = (c, s) => {
-  for (var i in s || (s = {}))
-    Z.call(s, i) && J(c, i, s[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(s))
-      $.call(s, i) && J(c, i, s[i]);
+    for (var n of x(s))
+      $.call(s, n) && J(c, n, s[n]);
   return c;
-}, O = (c, s) => X(c, Y(s));
-var L = (c, s, i) => new Promise((K, g) => {
-  var p = (r) => {
+}, A = (c, s) => X(c, Y(s));
+var D = (c, s, n) => new Promise((K, b) => {
+  var p = (f) => {
     try {
-      u(i.next(r));
+      o(n.next(f));
     } catch (d) {
-      g(d);
+      b(d);
     }
-  }, M = (r) => {
+  }, M = (f) => {
     try {
-      u(i.throw(r));
+      o(n.throw(f));
     } catch (d) {
-      g(d);
+      b(d);
     }
-  }, u = (r) => r.done ? K(r.value) : Promise.resolve(r.value).then(p, M);
-  u((i = i.apply(c, s)).next());
+  }, o = (f) => f.done ? K(f.value) : Promise.resolve(f.value).then(p, M);
+  o((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 = (c) => {
-  const s = I(), i = m(), K = v([]), g = v([]), p = v([]), M = v([]), u = v(), r = v([]), d = v({}), k = v([]), f = v([]), P = v([]), T = v([]), y = v([]), b = _(() => {
+import { ProLayoutMode as k, ProLayoutMenuType as L } from "./enum.js";
+const ne = (c) => {
+  const s = I(), n = m(), K = v([]), b = v([]), p = v([]), M = v([]), o = 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((u) => u.topMenu !== void 0);
+            i && (l.topChildrenMenu = i.topMenu, l.children = l.children.map((u) => A(O({}, u), { topMenu: i.topMenu })));
           }
           a(l.children);
         }
       });
     };
-    return c.layout === E.mix && a(e), e;
-  }), W = (e) => {
+    return c.layout === k.mix && a(e), e;
+  }), R = (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(s);
-        i == null || i.push(t);
+        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* () {
+        n == null || n.push(e.redirect);
+  }, W = (e) => {
+    e != null && e.name ? n == null || n.push({ name: e.name }) : n == null || n.push({ path: e.path }), b.value = [e.name];
+  }, B = (e, a) => D(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 === L.top ? R(a) : W(a);
     }
   }), H = (e, a) => {
-    e === R.top ? p.value = a : M.value = a;
+    e === L.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 = 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;
+      for (const i in t) {
+        const u = t[i];
+        if (u.name === ((l = o == null ? void 0 : o.value) == null ? void 0 : l.name) || u.children && u.children.length > 0 && a(u.children))
+          return e.unshift(u), !0;
       }
       return !1;
     };
-    a(JSON.parse(JSON.stringify(b.value))), r.value = e;
+    a(JSON.parse(JSON.stringify(g.value))), f.value = e;
   }, q = () => {
     var a, t, l;
-    const e = (a = r.value) == null ? void 0 : a.map((n) => ({ path: n == null ? void 0 : n.path, label: n == null ? void 0 : n.title }));
-    k.value = (t = u.value) != null && t.breadcrumbs ? (l = u.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 = o.value) != null && t.breadcrumbs ? (l = o.value) == null ? void 0 : l.breadcrumbs : e.length !== 0 ? e : [];
   };
   function z() {
-    if (!u.value || u.value.noAffix) {
-      f.value.forEach((n) => {
-        n.active = !1;
+    var P, C;
+    if (!o.value || o.value.noAffix) {
+      h.value.forEach((r) => {
+        r.active = !1;
       });
       return;
     }
-    const { name: e, title: a } = u.value;
-    let t = -1;
-    f.value.forEach((n, o) => {
-      n.active = !1, n.name === e && (t = o);
+    const { name: e, title: a } = o.value;
+    h.value.forEach((r) => {
+      r.active = !1;
     });
-    const l = {
+    const t = (P = s.meta) == null ? void 0 : P.getTitle, l = typeof t == "function" ? t(s) : void 0, i = {
       name: e,
-      parentNames: r.value.map((n) => n.name),
-      title: a != null ? a : e,
+      parentNames: f.value.map((r) => r.name),
+      title: (C = l != null ? l : a) != null ? C : e,
       fullPath: s.fullPath,
       active: !0
-    };
-    if (~t) {
-      const n = f.value[t];
-      n.fullPath === s.fullPath ? (n.active = !0, n.fullPath = s.fullPath) : (f.value.splice(t, 1), setTimeout(() => {
-        f.value.push(l);
-      }));
-    } else
-      f.value.push(l);
+    }, u = h.value.findIndex((r) => r.fullPath === s.fullPath);
+    u >= 0 ? h.value[u].active = !0 : h.value.push(i);
   }
   const F = (e) => {
-    const a = f.value.findIndex((l) => l.name === e), t = f.value[a];
-    i.push(t.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.name === e && (t = o), n.active && (a = o);
-    }), a === t) {
-      let n;
-      t === 0 ? n = f.value[t + 1] : n = f.value[t - 1], n.active = !0, i.push(n.fullPath);
+    if (h.value.forEach((i, u) => {
+      i.fullPath === e && (t = u), i.active && (a = u);
+    }), t === -1) return;
+    if (a === t) {
+      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 (c != null && c.disableKeepAlive || (a = s == null ? void 0 : s.meta) != null && a.ignoreCache)
       return;
-    const e = new Set(P.value);
-    r.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(() => [c.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 = c.menuProps) == null ? void 0 : e.defaultOpenKeys) || [], ...p.value], M.value = [...((a = c.menuProps) == null ? void 0 : a.defaultOpenKeys) || [], ...M.value], c.layout === E.side)
-      y.value = b.value;
-    else if (c.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(() => s == null ? void 0 : s.name, () => {
-    var t, l, 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 = r.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 = u != null && u.value ? [...a.map((o) => o.name), ...((l = u.value) == null ? void 0 : l.activatedKeys) || []] : [], g.value = u != null && u.value ? [u.value.name, ...((n = u.value) == null ? void 0 : n.activatedKeys) || []] : [], u.value) {
-      const o = r.value.filter((h, C) => C < r.value.length - 1), S = o.filter((h) => h.topMenu).map((h) => h.name), N = o.filter((h) => !h.topMenu).map((h) => h.name);
-      u.value.activatedKeys && u.value.activatedKeys.length > 0 && u.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]));
+    o.value = d.value[e], j();
+    const a = f.value.filter((u) => u.topMenu);
+    if (a.length > 0 && S.value.length > 0 && (y.value = ((t = a[a.length - 1]) == null ? void 0 : t.children) || []), K.value = o != null && o.value ? [...a.map((u) => u.name), ...((l = o.value) == null ? void 0 : l.activatedKeys) || []] : [], b.value = o != null && o.value ? [o.value.name, ...((i = o.value) == null ? void 0 : i.activatedKeys) || []] : [], o.value) {
+      const u = f.value.filter((r, w) => w < f.value.length - 1), P = u.filter((r) => r.topMenu).map((r) => r.name), C = u.filter((r) => !r.topMenu).map((r) => r.name);
+      o.value.activatedKeys && o.value.activatedKeys.length > 0 && o.value.activatedKeys.forEach((r) => {
+        const w = d.value[r];
+        w && (w.topMenu ? P.push(r) : C.push(r));
+      }), p.value = Array.from(/* @__PURE__ */ new Set([...p.value, ...P])), M.value = Array.from(/* @__PURE__ */ new Set([...M.value, ...C]));
     }
     q(), c.hideTabs || z(), Q();
   }, { immediate: !0 }), {
-    topMenuItems: T,
+    topMenuItems: S,
     siderMenuItems: y,
     topMenuSelectedKeys: K,
-    siderMenuSelectedKeys: g,
+    siderMenuSelectedKeys: b,
     topMenuOpenKeys: p,
     siderMenuOpenKeys: M,
-    activeMenuItem: u,
+    activeMenuItem: o,
     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/es/pro-reuse-tabs/pro-reuse-tabs.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as m, computed as y, createElementBlock as d, openBlock as n, normalizeClass as f, createVNode as p, unref as l, withCtx as k, Fragment as g, renderList as h, createBlock as v } from "vue";
+import { defineComponent as f, computed as y, createElementBlock as n, openBlock as i, normalizeClass as m, createVNode as p, unref as d, withCtx as k, Fragment as g, renderList as h, createBlock as v } from "vue";
 import { Tabs as S, TabPane as T } from "@arco-design/web-vue";
-const z = "keyblade-pro-reuse-tabs", x = /* @__PURE__ */ m({
+const z = "keyblade-pro-reuse-tabs", q = /* @__PURE__ */ f({
   __name: "pro-reuse-tabs",
   props: {
     tabs: {
@@ -30,31 +30,31 @@ const z = "keyblade-pro-reuse-tabs", x = /* @__PURE__ */ m({
     "tab-delete": (e) => !0
   },
   setup(e, { emit: s }) {
-    const o = e, i = s, c = y(() => {
+    const o = e, l = s, u = y(() => {
       var t, r;
-      return (r = (t = o.tabs.find((a) => a.active)) == null ? void 0 : t.name) != null ? r : void 0;
-    }), u = (t) => {
-      i("tab-click", String(t));
+      return (r = (t = o.tabs.find((a) => a.active)) == null ? void 0 : t.fullPath) != null ? r : void 0;
+    }), c = (t) => {
+      l("tab-click", String(t));
     }, b = (t) => {
-      i("tab-delete", String(t));
+      l("tab-delete", String(t));
     };
-    return (t, r) => (n(), d("div", {
-      class: f(z)
+    return (t, r) => (i(), n("div", {
+      class: m(z)
     }, [
-      p(l(S), {
-        "active-key": c.value,
+      p(d(S), {
+        "active-key": u.value,
         size: e.tabsSize,
         type: e.tabsType,
         "header-padding": e.tabsHeaderPadding,
         editable: e.tabs.length > 1,
         "hide-content": "",
         "destroy-on-hide": "",
-        onTabClick: u,
+        onTabClick: c,
         onDelete: b
       }, {
         default: k(() => [
-          (n(!0), d(g, null, h(e.tabs, (a) => (n(), v(l(T), {
-            key: a.name,
+          (i(!0), n(g, null, h(e.tabs, (a) => (i(), v(d(T), {
+            key: a.fullPath,
             title: a.title
           }, null, 8, ["title"]))), 128))
         ]),
@@ -64,5 +64,5 @@ const z = "keyblade-pro-reuse-tabs", x = /* @__PURE__ */ m({
   }
 });
 export {
-  x as default
+  q as default
 };

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.02",
+  "version": "1.15.0-alpha.04",
   "private": false,
   "type": "module",
   "main": "es/index.js",