@keyblade/pro-components 1.13.8-alpha.8 → 1.14.0

package/es/pro-image-upload/index.js

@@ -1,12 +1,10 @@
-import e from "./image-upload.vue.js";
-import { Modal as s, Upload as t, Button as n, Tooltip as u, Spin as m, Space as c, Message as i } from "@arco-design/web-vue";
-import { IconZoomIn as r, IconZoomOut as l, IconRotateLeft as I, IconRotateRight as f, IconSync as d } from "@arco-design/web-vue/es/icon";
-const S = Object.assign(e, {
-  install: (o) => {
-    o.use(s), o.use(t), o.use(n), o.use(u), o.use(m), o.use(c), o.use(i), o.use(r), o.use(l), o.use(I), o.use(f), o.use(d), o.component("KbProImageUpload", e);
+import o from "./image-upload.vue.js";
+const e = Object.assign(o, {
+  install: (a) => {
+    a.component("KbProImageUpload", o);
   }
 });
 export {
-  S as ProImageUpload,
-  S as default
+  e as ProImageUpload,
+  e as default
 };

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

@@ -74,5 +74,6 @@ declare const ProKeepAliveRouterView: {
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & 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/pro-keep-alive-router-view.vue.js

@@ -1,6 +1,5 @@
-import { defineComponent as f, inject as s, computed as r, resolveComponent as A, createBlock as i, openBlock as t, withCtx as k, KeepAlive as x, resolveDynamicComponent as y } from "vue";
-import "vue-router";
-const I = /* @__PURE__ */ f({
+import { defineComponent as o, inject as s, computed as v, resolveComponent as k, createBlock as p, openBlock as i, withCtx as A, KeepAlive as y, resolveDynamicComponent as x } from "vue";
+const _ = /* @__PURE__ */ o({
   __name: "pro-keep-alive-router-view",
   props: {
     /** 包含 */
@@ -23,35 +22,35 @@ const I = /* @__PURE__ */ f({
     }
   },
   setup(d) {
-    const m = (e) => {
-      var p, n, c, a;
-      if ((p = e == null ? void 0 : e.meta) != null && p.componentKey) {
+    const u = (e) => {
+      var t, n, c, a;
+      if ((t = e == null ? void 0 : e.meta) != null && t.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;
-    }, l = d, u = s("ProKeepAliveInclude", []), v = r(() => l.keepAliveInclude instanceof Array && l.keepAliveInclude.length === 0 || !l.keepAliveInclude ? u.value : l.keepAliveInclude || []), o = r(() => l.keepAliveExclude || []);
-    return (e, p) => {
-      const n = A("router-view");
-      return t(), i(n, null, {
-        default: k(({ Component: c, route: a }) => [
-          (t(), i(x, {
-            include: v.value,
-            exclude: o.value,
+    }, l = d, m = s("ProKeepAliveInclude", []), r = v(() => l.keepAliveInclude instanceof Array && l.keepAliveInclude.length === 0 || !l.keepAliveInclude ? m.value : l.keepAliveInclude || []), f = v(() => l.keepAliveExclude || []);
+    return (e, t) => {
+      const n = k("router-view");
+      return r.value.length > 0 ? (i(), p(n, { key: 0 }, {
+        default: A(({ Component: c, route: a }) => [
+          (i(), p(y, {
+            include: r.value,
+            exclude: f.value,
             max: d.keepAliveMax
           }, [
-            (t(), i(y(c), {
-              key: m(a)
+            (i(), p(x(c), {
+              key: u(a)
             }))
           ], 1032, ["include", "exclude", "max"]))
         ]),
         _: 1
-      });
+      })) : (i(), p(n, { key: 1 }));
     };
   }
 });
 export {
-  I as default
+  _ as default
 };

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

@@ -2,7 +2,7 @@ import { IProMenuItem } from '../pro-menu';
 import { IProTab } from '../pro-reuse-tabs';
 import { ProLayoutMenuType } from './enum.ts';
 import { IProLayoutProps } from './type.ts';
-export declare function useHooks(props: IProLayoutProps): {
+export declare const useHooks: (props: IProLayoutProps) => {
     topMenuItems: import('vue').Ref<{
         name: string;
         path: string;
@@ -12,6 +12,8 @@ export declare function useHooks(props: IProLayoutProps): {
         activatedKeys?: string[] | undefined;
         icon?: string | undefined;
         selectedIcon?: string | undefined;
+        order?: number | undefined;
+        fixed?: boolean | undefined;
         hideInMenu?: boolean | undefined;
         hideChildrenInMenu?: boolean | undefined;
         noAffix?: boolean | undefined;
@@ -22,6 +24,23 @@ export declare function useHooks(props: IProLayoutProps): {
         ignoreCache?: boolean | undefined;
         componentKey?: "path" | "fullPath" | undefined;
         children?: /*elided*/ any[] | undefined;
+        redirect?: string | ((to: import('vue-router').RouteLocation) => import('vue-router').RouteLocationRaw) | {
+            name?: import('vue-router').RouteRecordNameGeneric;
+            params?: import('vue-router').RouteParamsRawGeneric | undefined;
+            path?: undefined | undefined;
+            query?: import('vue-router').LocationQueryRaw | undefined;
+            hash?: string | undefined;
+            replace?: boolean | undefined;
+            force?: boolean | undefined;
+            state?: import('vue-router').HistoryState | undefined;
+        } | {
+            path: string;
+            query?: import('vue-router').LocationQueryRaw | undefined;
+            hash?: string | undefined;
+            replace?: boolean | undefined;
+            force?: boolean | undefined;
+            state?: import('vue-router').HistoryState | undefined;
+        } | undefined;
     }[], IProMenuItem[] | {
         name: string;
         path: string;
@@ -31,6 +50,8 @@ export declare function useHooks(props: IProLayoutProps): {
         activatedKeys?: string[] | undefined;
         icon?: string | undefined;
         selectedIcon?: string | undefined;
+        order?: number | undefined;
+        fixed?: boolean | undefined;
         hideInMenu?: boolean | undefined;
         hideChildrenInMenu?: boolean | undefined;
         noAffix?: boolean | undefined;
@@ -41,6 +62,23 @@ export declare function useHooks(props: IProLayoutProps): {
         ignoreCache?: boolean | undefined;
         componentKey?: "path" | "fullPath" | undefined;
         children?: /*elided*/ any[] | undefined;
+        redirect?: string | ((to: import('vue-router').RouteLocation) => import('vue-router').RouteLocationRaw) | {
+            name?: import('vue-router').RouteRecordNameGeneric;
+            params?: import('vue-router').RouteParamsRawGeneric | undefined;
+            path?: undefined | undefined;
+            query?: import('vue-router').LocationQueryRaw | undefined;
+            hash?: string | undefined;
+            replace?: boolean | undefined;
+            force?: boolean | undefined;
+            state?: import('vue-router').HistoryState | undefined;
+        } | {
+            path: string;
+            query?: import('vue-router').LocationQueryRaw | undefined;
+            hash?: string | undefined;
+            replace?: boolean | undefined;
+            force?: boolean | undefined;
+            state?: import('vue-router').HistoryState | undefined;
+        } | undefined;
     }[]>;
     siderMenuItems: import('vue').Ref<{
         name: string;
@@ -51,6 +89,8 @@ export declare function useHooks(props: IProLayoutProps): {
         activatedKeys?: string[] | undefined;
         icon?: string | undefined;
         selectedIcon?: string | undefined;
+        order?: number | undefined;
+        fixed?: boolean | undefined;
         hideInMenu?: boolean | undefined;
         hideChildrenInMenu?: boolean | undefined;
         noAffix?: boolean | undefined;
@@ -61,6 +101,23 @@ export declare function useHooks(props: IProLayoutProps): {
         ignoreCache?: boolean | undefined;
         componentKey?: "path" | "fullPath" | undefined;
         children?: /*elided*/ any[] | undefined;
+        redirect?: string | ((to: import('vue-router').RouteLocation) => import('vue-router').RouteLocationRaw) | {
+            name?: import('vue-router').RouteRecordNameGeneric;
+            params?: import('vue-router').RouteParamsRawGeneric | undefined;
+            path?: undefined | undefined;
+            query?: import('vue-router').LocationQueryRaw | undefined;
+            hash?: string | undefined;
+            replace?: boolean | undefined;
+            force?: boolean | undefined;
+            state?: import('vue-router').HistoryState | undefined;
+        } | {
+            path: string;
+            query?: import('vue-router').LocationQueryRaw | undefined;
+            hash?: string | undefined;
+            replace?: boolean | undefined;
+            force?: boolean | undefined;
+            state?: import('vue-router').HistoryState | undefined;
+        } | undefined;
     }[], IProMenuItem[] | {
         name: string;
         path: string;
@@ -70,6 +127,8 @@ export declare function useHooks(props: IProLayoutProps): {
         activatedKeys?: string[] | undefined;
         icon?: string | undefined;
         selectedIcon?: string | undefined;
+        order?: number | undefined;
+        fixed?: boolean | undefined;
         hideInMenu?: boolean | undefined;
         hideChildrenInMenu?: boolean | undefined;
         noAffix?: boolean | undefined;
@@ -80,9 +139,28 @@ export declare function useHooks(props: IProLayoutProps): {
         ignoreCache?: boolean | undefined;
         componentKey?: "path" | "fullPath" | undefined;
         children?: /*elided*/ any[] | undefined;
+        redirect?: string | ((to: import('vue-router').RouteLocation) => import('vue-router').RouteLocationRaw) | {
+            name?: import('vue-router').RouteRecordNameGeneric;
+            params?: import('vue-router').RouteParamsRawGeneric | undefined;
+            path?: undefined | undefined;
+            query?: import('vue-router').LocationQueryRaw | undefined;
+            hash?: string | undefined;
+            replace?: boolean | undefined;
+            force?: boolean | undefined;
+            state?: import('vue-router').HistoryState | undefined;
+        } | {
+            path: string;
+            query?: import('vue-router').LocationQueryRaw | undefined;
+            hash?: string | undefined;
+            replace?: boolean | undefined;
+            force?: boolean | undefined;
+            state?: import('vue-router').HistoryState | undefined;
+        } | undefined;
     }[]>;
     topMenuSelectedKeys: import('vue').Ref<string[], string[]>;
     siderMenuSelectedKeys: import('vue').Ref<string[], string[]>;
+    topMenuOpenKeys: import('vue').Ref<string[], string[]>;
+    siderMenuOpenKeys: import('vue').Ref<string[], string[]>;
     activeMenuItem: import('vue').Ref<IProMenuItem | undefined, IProMenuItem | undefined>;
     menuItemMap: import('vue').Ref<Record<string, IProMenuItem>, Record<string, IProMenuItem>>;
     breadcrumbItems: import('vue').Ref<{
@@ -110,6 +188,7 @@ export declare function useHooks(props: IProLayoutProps): {
     }[]>;
     keepAliveInclude: import('vue').Ref<string[], string[]>;
     onProMenuItemClick: (menuType: ProLayoutMenuType, item: IProMenuItem) => Promise<void>;
+    onProMenuOpenKeysChange: (menuType: ProLayoutMenuType, keys: string[]) => void;
     onTabClick: (key: string) => void;
     onTabDelete: (key: string) => void;
 };

package/es/pro-layout/hooks.js

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

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

@@ -7,12 +7,12 @@ declare const ProLayout: {
         collapse: (_collapsed: boolean) => void;
         keepAliveIncludeChange: (_keepAliveInclude: string[]) => void;
     }, import('vue').PublicProps, {
+        layout: import('./enum').ProLayoutMode;
         title: string;
-        menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
         tabsSize: "mini" | "small" | "medium" | "large";
         tabsType: "line" | "card" | "card-gutter" | "text" | "rounded" | "capsule";
         tabsHeaderPadding: boolean;
-        layout: import('./enum').ProLayoutMode;
+        menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
         hideHeader: boolean;
         hiderSider: boolean;
         headerHeight: number;
@@ -36,12 +36,12 @@ declare const ProLayout: {
         onCollapse?: ((_collapsed: boolean) => any) | undefined;
         onKeepAliveIncludeChange?: ((_keepAliveInclude: string[]) => any) | undefined;
     }>, {}, {}, {}, {}, {
+        layout: import('./enum').ProLayoutMode;
         title: string;
-        menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
         tabsSize: "mini" | "small" | "medium" | "large";
         tabsType: "line" | "card" | "card-gutter" | "text" | "rounded" | "capsule";
         tabsHeaderPadding: boolean;
-        layout: import('./enum').ProLayoutMode;
+        menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
         hideHeader: boolean;
         hiderSider: boolean;
         headerHeight: number;
@@ -65,12 +65,12 @@ declare const ProLayout: {
     collapse: (_collapsed: boolean) => void;
     keepAliveIncludeChange: (_keepAliveInclude: string[]) => void;
 }, string, {
+    layout: import('./enum').ProLayoutMode;
     title: string;
-    menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
     tabsSize: "mini" | "small" | "medium" | "large";
     tabsType: "line" | "card" | "card-gutter" | "text" | "rounded" | "capsule";
     tabsHeaderPadding: boolean;
-    layout: import('./enum').ProLayoutMode;
+    menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
     hideHeader: boolean;
     hiderSider: boolean;
     headerHeight: number;
@@ -86,6 +86,8 @@ declare const ProLayout: {
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         'header-left'?(_: {}): any;
+        'header-left-logo-img'?(_: {}): any;
+        'header-left-logo-title'?(_: {}): any;
         'header-center-left'?(_: {}): any;
         'header-center-center'?(_: {}): any;
         'header-center-right'?(_: {}): any;
@@ -96,5 +98,6 @@ declare const ProLayout: {
 }) & {
     install: (app: App) => void;
 };
+/** 导出组件 */
 export { ProLayout };
 export default ProLayout;

package/es/pro-layout/index.js

@@ -1,16 +1,11 @@
-import e from "./pro-layout.vue.js";
+import o from "./pro-layout.vue.js";
 /* empty css                */
-import { Layout as r, Space as u, Typography as t, Button as s, Affix as m } from "@arco-design/web-vue";
-import { ProKeepAliveRouterView as i } from "../pro-keep-alive-router-view/index.js";
-import { ProMenu as n } from "../pro-menu/index.js";
-import { ProReuseTabs as f } from "../pro-reuse-tabs/index.js";
-import { IconMenuFold as c, IconMenuUnfold as l } from "@arco-design/web-vue/es/icon";
-const x = Object.assign(e, {
-  install: (o) => {
-    o.use(r), o.use(u), o.use(t), o.use(s), o.use(m), o.use(n), o.use(f), o.use(i), o.use(c), o.use(l), o.component("KbProLayout", e);
+const r = Object.assign(o, {
+  install: (t) => {
+    t.component("KbProLayout", o);
   }
 });
 export {
-  x as ProLayout,
-  x as default
+  r as ProLayout,
+  r as default
 };

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

@@ -4,6 +4,8 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         'header-left'?(_: {}): any;
+        'header-left-logo-img'?(_: {}): any;
+        'header-left-logo-title'?(_: {}): any;
         'header-center-left'?(_: {}): any;
         'header-center-center'?(_: {}): any;
         'header-center-right'?(_: {}): any;
@@ -22,12 +24,12 @@ declare const __VLS_component: import('vue').DefineComponent<IProLayoutProps, {}
     onCollapse?: ((_collapsed: boolean) => any) | undefined;
     onKeepAliveIncludeChange?: ((_keepAliveInclude: string[]) => any) | undefined;
 }>, {
+    layout: ProLayoutMode;
     title: string;
-    menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
     tabsSize: "mini" | "small" | "medium" | "large";
     tabsType: "line" | "card" | "card-gutter" | "text" | "rounded" | "capsule";
     tabsHeaderPadding: boolean;
-    layout: ProLayoutMode;
+    menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
     hideHeader: boolean;
     hiderSider: boolean;
     headerHeight: number;