@keyblade/pro-components 1.12.17 → 1.13.1

package/es/pro-date-range-picker/index.d.ts

@@ -7,6 +7,9 @@ declare const ProDateRangePicker: {
         startPlaceholder?: string;
         endPlaceholder?: string;
         separator?: string;
+        hideLabel?: boolean;
+        formItemProps?: FormItemProps;
+        datePickerProps?: DatePickerProps;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: import('./type').IModelValue) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -17,6 +20,7 @@ declare const ProDateRangePicker: {
         startPlaceholder: string;
         endPlaceholder: string;
         separator: string;
+        hideLabel: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         startDatePickerRef: unknown;
         endDatePickerRef: unknown;
@@ -34,6 +38,9 @@ declare const ProDateRangePicker: {
         startPlaceholder?: string;
         endPlaceholder?: string;
         separator?: string;
+        hideLabel?: boolean;
+        formItemProps?: FormItemProps;
+        datePickerProps?: DatePickerProps;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: import('./type').IModelValue) => any) | undefined;
     }>, {}, {}, {}, {}, {
@@ -42,6 +49,7 @@ declare const ProDateRangePicker: {
         startPlaceholder: string;
         endPlaceholder: string;
         separator: string;
+        hideLabel: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -53,6 +61,9 @@ declare const ProDateRangePicker: {
     startPlaceholder?: string;
     endPlaceholder?: string;
     separator?: string;
+    hideLabel?: boolean;
+    formItemProps?: FormItemProps;
+    datePickerProps?: DatePickerProps;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: import('./type').IModelValue) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -63,6 +74,7 @@ declare const ProDateRangePicker: {
     startPlaceholder: string;
     endPlaceholder: string;
     separator: string;
+    hideLabel: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install: (app: App) => void;
 };

package/es/pro-date-range-picker/pro-date-range-picker.vue.d.ts

@@ -1,4 +1,5 @@
 import { IModelValue } from './type.ts';
+import { DatePickerProps, FormItemProps } from '@arco-design/web-vue';
 type __VLS_Props = {
     modelValue: IModelValue;
     startField?: string;
@@ -6,6 +7,9 @@ type __VLS_Props = {
     startPlaceholder?: string;
     endPlaceholder?: string;
     separator?: string;
+    hideLabel?: boolean;
+    formItemProps?: FormItemProps;
+    datePickerProps?: DatePickerProps;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: IModelValue) => any;
@@ -17,6 +21,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     startPlaceholder: string;
     endPlaceholder: string;
     separator: string;
+    hideLabel: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     startDatePickerRef: unknown;
     endDatePickerRef: unknown;

package/es/pro-date-range-picker/pro-date-range-picker.vue.js

@@ -1,7 +1,7 @@
 import o from "./pro-date-range-picker.vue2.js";
 /* empty css                           */
-import r from "../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-8dc7d86d"]]);
+import a from "../_virtual/_plugin-vue_export-helper.js";
+const _ = /* @__PURE__ */ a(o, [["__scopeId", "data-v-ae94924a"]]);
 export {
   _ as default
 };

package/es/pro-date-range-picker/pro-date-range-picker.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as C, useAttrs as E, computed as n, ref as V, resolveComponent as k, createElementBlock as S, openBlock as R, normalizeClass as T, createVNode as d, withCtx as s, createTextVNode as x, toDisplayString as A, mergeProps as B, nextTick as h } from "vue";
+import { defineComponent as v, ref as V, computed as k, resolveComponent as h, createElementBlock as _, openBlock as E, normalizeClass as S, createVNode as d, mergeProps as i, withCtx as n, createTextVNode as B, toDisplayString as R, nextTick as P } from "vue";
 import r from "dayjs";
-const N = "keyblade-pro-date-range-picker", $ = /* @__PURE__ */ C({
+const T = "keyblade-pro-date-range-picker", I = /* @__PURE__ */ v({
   __name: "pro-date-range-picker",
   props: {
     modelValue: {},
@@ -8,92 +8,93 @@ const N = "keyblade-pro-date-range-picker", $ = /* @__PURE__ */ C({
     endField: { default: "endDate" },
     startPlaceholder: { default: "开始日期" },
     endPlaceholder: { default: "结束日期" },
-    separator: { default: "至" }
+    separator: { default: "至" },
+    hideLabel: { type: Boolean, default: !0 },
+    formItemProps: {},
+    datePickerProps: {}
   },
   emits: ["update:modelValue"],
-  setup(D, { emit: g }) {
-    const e = D, F = E(), _ = n(() => {
-      const { class: t, ...l } = F;
-      return l;
-    }), i = g, u = V(), m = V(), c = n({
+  setup(F, { emit: g }) {
+    const e = F, s = g, u = V(), m = V(), p = k({
       get: () => e.modelValue[e.startField],
-      set: (t) => {
-        i("update:modelValue", {
+      set: (l) => {
+        s("update:modelValue", {
           ...e.modelValue,
-          [e.startField]: t
+          [e.startField]: l
         });
       }
-    }), p = n({
+    }), f = k({
       get: () => e.modelValue[e.endField],
-      set: (t) => {
-        i("update:modelValue", {
+      set: (l) => {
+        s("update:modelValue", {
           ...e.modelValue,
-          [e.endField]: t
+          [e.endField]: l
         });
       }
-    }), b = (t) => e.modelValue.endDate ? r(t).isAfter(r(e.modelValue[e.startField])) : !1, P = (t) => e.modelValue.startDate ? r(t).isBefore(r(e.modelValue[e.endField])) : !1, v = () => {
+    }), b = (l) => e.modelValue[e.endField] ? r(l).isAfter(r(e.modelValue[e.endField])) : !1, D = (l) => e.modelValue[e.startField] ? r(l).isBefore(r(e.modelValue[e.startField])) : !1, y = () => {
       setTimeout(() => {
-        e.modelValue[e.startField] && !e.modelValue[e.endField] && h(() => {
-          var l;
-          const t = (l = m.value) == null ? void 0 : l.$el.parentElement.querySelector("input");
-          t && t.click();
+        e.modelValue[e.startField] && !e.modelValue[e.endField] && P(() => {
+          var t;
+          const l = (t = m.value) == null ? void 0 : t.$el.parentElement.querySelector("input");
+          l && l.click();
         });
       });
-    }, y = () => {
+    }, C = () => {
       setTimeout(() => {
-        e.modelValue[e.endField] && !e.modelValue[e.startField] && h(() => {
-          var l;
-          const t = (l = u.value) == null ? void 0 : l.$el.parentElement.querySelector("input");
-          t && t.click();
+        e.modelValue[e.endField] && !e.modelValue[e.startField] && P(() => {
+          var t;
+          const l = (t = u.value) == null ? void 0 : t.$el.parentElement.querySelector("input");
+          l && l.click();
         });
       });
     };
-    return (t, l) => {
-      const f = k("a-date-picker"), o = k("a-form-item");
-      return R(), S("div", {
-        class: T(N)
+    return (l, t) => {
+      const c = h("a-date-picker"), o = h("a-form-item");
+      return E(), _("div", {
+        class: S(T)
       }, [
-        d(o, {
-          field: t.startField,
+        d(o, i(l.formItemProps, {
+          field: l.startField,
           style: { "margin-right": "8px" },
-          "hide-label": ""
-        }, {
-          default: s(() => [
-            d(f, {
+          "hide-label": l.hideLabel
+        }), {
+          default: n(() => [
+            d(c, i({
               ref_key: "startDatePickerRef",
               ref: u,
-              modelValue: c.value,
-              "onUpdate:modelValue": l[0] || (l[0] = (a) => c.value = a),
-              placeholder: t.startPlaceholder,
+              modelValue: p.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (a) => p.value = a)
+            }, l.datePickerProps, {
+              placeholder: l.startPlaceholder,
               "disabled-date": (a) => b(a),
-              onChange: v
-            }, null, 8, ["modelValue", "placeholder", "disabled-date"])
+              onChange: y
+            }), null, 16, ["modelValue", "placeholder", "disabled-date"])
           ]),
           _: 1
-        }, 8, ["field"]),
+        }, 16, ["field", "hide-label"]),
         d(o, {
           "hide-label": "",
           style: { "margin-right": "8px" }
         }, {
-          default: s(() => [
-            x(A(t.separator), 1)
+          default: n(() => [
+            B(R(l.separator), 1)
           ]),
           _: 1
         }),
         d(o, {
-          field: t.endField,
+          field: l.endField,
           "hide-label": ""
         }, {
-          default: s(() => [
-            d(f, B({
+          default: n(() => [
+            d(c, i({
               ref_key: "endDatePickerRef",
               ref: m,
-              modelValue: p.value,
-              "onUpdate:modelValue": l[1] || (l[1] = (a) => p.value = a)
-            }, _.value, {
-              placeholder: t.endPlaceholder,
-              "disabled-date": (a) => P(a),
-              onChange: y
+              modelValue: f.value,
+              "onUpdate:modelValue": t[1] || (t[1] = (a) => f.value = a)
+            }, l.datePickerProps, {
+              placeholder: l.endPlaceholder,
+              "disabled-date": (a) => D(a),
+              onChange: C
             }), null, 16, ["modelValue", "placeholder", "disabled-date"])
           ]),
           _: 1
@@ -103,5 +104,5 @@ const N = "keyblade-pro-date-range-picker", $ = /* @__PURE__ */ C({
   }
 });
 export {
-  $ as default
+  I as default
 };

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

@@ -0,0 +1,16 @@
+/**
+ * layout模式
+ */
+export declare enum ProLayoutMode {
+    /** 混合菜单模式（包含侧边栏和顶部菜单） */
+    mix = "mix",
+    /** 侧边栏菜单模式 */
+    side = "side"
+}
+/**
+ * 菜单类型
+ */
+export declare enum ProLayoutMenuType {
+    top = "top",
+    side = "side"
+}

package/es/pro-layout/enum.js

@@ -0,0 +1,5 @@
+var r = /* @__PURE__ */ ((i) => (i.mix = "mix", i.side = "side", i))(r || {}), e = /* @__PURE__ */ ((i) => (i.top = "top", i.side = "side", i))(e || {});
+export {
+  e as ProLayoutMenuType,
+  r as ProLayoutMode
+};

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

@@ -1,14 +1,91 @@
-import { Ref } from 'vue';
 import { IProMenuItem } from '../pro-menu';
 import { IProTab } from '../pro-reuse-tabs';
-export declare function useHooks(menuItems: Ref<IProMenuItem[]>, options: {
-    hideTabs: boolean;
-    disableKeepAlive: boolean;
-}): {
-    menuSelectedKeys: Ref<string[], string[]>;
-    activeMenuItem: Ref<IProMenuItem | undefined, IProMenuItem | undefined>;
-    menuItemMap: Ref<Record<string, IProMenuItem>, Record<string, IProMenuItem>>;
-    breadcrumbItems: Ref<{
+import { ProLayoutMenuType } from './enum.ts';
+import { IProLayoutProps } from './type.ts';
+export declare function useHooks(props: IProLayoutProps): {
+    topMenuItems: import('vue').Ref<{
+        name: string;
+        path: string;
+        title: string;
+        topMenu?: boolean | undefined;
+        topChildrenMenu?: boolean | undefined;
+        activatedKeys?: string[] | undefined;
+        icon?: string | undefined;
+        selectedIcon?: string | undefined;
+        hideInMenu?: boolean | undefined;
+        hideChildrenInMenu?: boolean | undefined;
+        noAffix?: boolean | undefined;
+        breadcrumbs?: {
+            path?: string | undefined;
+            label: string;
+        }[] | undefined;
+        ignoreCache?: boolean | undefined;
+        componentKey?: "path" | "fullPath" | undefined;
+        children?: /*elided*/ any[] | undefined;
+    }[], IProMenuItem[] | {
+        name: string;
+        path: string;
+        title: string;
+        topMenu?: boolean | undefined;
+        topChildrenMenu?: boolean | undefined;
+        activatedKeys?: string[] | undefined;
+        icon?: string | undefined;
+        selectedIcon?: string | undefined;
+        hideInMenu?: boolean | undefined;
+        hideChildrenInMenu?: boolean | undefined;
+        noAffix?: boolean | undefined;
+        breadcrumbs?: {
+            path?: string | undefined;
+            label: string;
+        }[] | undefined;
+        ignoreCache?: boolean | undefined;
+        componentKey?: "path" | "fullPath" | undefined;
+        children?: /*elided*/ any[] | undefined;
+    }[]>;
+    siderMenuItems: import('vue').Ref<{
+        name: string;
+        path: string;
+        title: string;
+        topMenu?: boolean | undefined;
+        topChildrenMenu?: boolean | undefined;
+        activatedKeys?: string[] | undefined;
+        icon?: string | undefined;
+        selectedIcon?: string | undefined;
+        hideInMenu?: boolean | undefined;
+        hideChildrenInMenu?: boolean | undefined;
+        noAffix?: boolean | undefined;
+        breadcrumbs?: {
+            path?: string | undefined;
+            label: string;
+        }[] | undefined;
+        ignoreCache?: boolean | undefined;
+        componentKey?: "path" | "fullPath" | undefined;
+        children?: /*elided*/ any[] | undefined;
+    }[], IProMenuItem[] | {
+        name: string;
+        path: string;
+        title: string;
+        topMenu?: boolean | undefined;
+        topChildrenMenu?: boolean | undefined;
+        activatedKeys?: string[] | undefined;
+        icon?: string | undefined;
+        selectedIcon?: string | undefined;
+        hideInMenu?: boolean | undefined;
+        hideChildrenInMenu?: boolean | undefined;
+        noAffix?: boolean | undefined;
+        breadcrumbs?: {
+            path?: string | undefined;
+            label: string;
+        }[] | undefined;
+        ignoreCache?: boolean | undefined;
+        componentKey?: "path" | "fullPath" | undefined;
+        children?: /*elided*/ any[] | undefined;
+    }[]>;
+    topMenuSelectedKeys: import('vue').Ref<string[], string[]>;
+    siderMenuSelectedKeys: 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<{
         path?: string | undefined;
         label: string;
     }[], {
@@ -18,7 +95,7 @@ export declare function useHooks(menuItems: Ref<IProMenuItem[]>, options: {
         path?: string | undefined;
         label: string;
     }[]>;
-    tabs: Ref<{
+    tabs: import('vue').Ref<{
         name: string;
         parentNames: string[];
         title: string;
@@ -31,8 +108,8 @@ export declare function useHooks(menuItems: Ref<IProMenuItem[]>, options: {
         fullPath: string;
         active: boolean;
     }[]>;
-    keepAliveInclude: Ref<string[], string[]>;
-    onMenuItemClick: (key: string) => void;
+    keepAliveInclude: import('vue').Ref<string[], string[]>;
+    onProMenuItemClick: (menuType: ProLayoutMenuType, item: IProMenuItem) => Promise<void>;
     onTabClick: (key: string) => void;
     onTabDelete: (key: string) => void;
 };

package/es/pro-layout/hooks.js

@@ -1,106 +1,146 @@
-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;
+import { ref as r, 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(u) {
+  const o = R(), h = W(), y = r([]), T = r([]), i = r(), v = r([]), M = r({}), k = r([]), s = r([]), p = r([]), b = r([]), f = r([]), d = L(() => {
+    const a = [...u.menuItems], e = (n) => {
+      n.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((t) => ({ ...t, topMenu: l == null ? void 0 : l.topChildrenMenu }));
+          else {
+            const t = l.children.find((c) => c.topMenu !== void 0);
+            t && (l.topChildrenMenu = t.topMenu, l.children = l.children.map((c) => ({ ...c, topMenu: t.topMenu })));
+          }
+          e(l.children);
+        }
+      });
+    };
+    return u.layout === P.mix && e(a), a;
+  }), C = (a) => {
+    var e;
+    y.value = [a.name], !(a != null && a.children) || ((e = a == null ? void 0 : a.children) == null ? void 0 : e.length) === 0 ? (f.value = [], h == null || h.push({ path: a.path })) : f.value = a.children;
+  }, E = (a) => {
+    h == null || h.push({ path: a.path }), T.value = [a.name];
+  }, N = async (a, e) => {
+    if (e != null && e.path && !(u != null && u.onMenuItemClick && !await u.onMenuItemClick(e))) {
+      if (e.path.startsWith("http") || e.path.startsWith("https")) {
+        window.open(e.path);
+        return;
+      }
+      a === B.top ? C(e) : E(e);
+    }
+  }, S = () => {
+    const a = [], e = (n) => {
+      var l;
+      for (const t in n) {
+        const c = n[t];
+        if (c.name === ((l = i == null ? void 0 : i.value) == null ? void 0 : l.name) || c.children && c.children.length > 0 && e(c.children))
+          return a.unshift(c), !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 : [];
+    e(JSON.parse(JSON.stringify(d.value))), v.value = a;
+  }, x = () => {
+    var e, n, l;
+    const a = (e = v.value) == null ? void 0 : e.map((t) => ({ path: t == null ? void 0 : t.path, label: t == null ? void 0 : t.title }));
+    k.value = (n = i.value) != null && n.breadcrumbs ? (l = i.value) == null ? void 0 : l.breadcrumbs : a.length !== 0 ? a : [];
   };
-  function y() {
-    if (!u.value || u.value.noAffix) {
-      c.value.forEach((e) => {
-        e.active = !1;
+  function A() {
+    if (!i.value || i.value.noAffix) {
+      s.value.forEach((t) => {
+        t.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 { name: a, title: e } = i.value;
+    let n = -1;
+    s.value.forEach((t, c) => {
+      t.active = !1, t.name === a && (n = c);
     });
-    const n = {
-      name: t,
-      parentNames: v.value.map((e) => e.name),
-      title: l ?? t,
-      fullPath: r.fullPath,
+    const l = {
+      name: a,
+      parentNames: v.value.map((t) => t.name),
+      title: e ?? a,
+      fullPath: o.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);
+    if (~n) {
+      const t = s.value[n];
+      t.fullPath === o.fullPath ? (t.active = !0, t.fullPath = o.fullPath) : (s.value.splice(n, 1), setTimeout(() => {
+        s.value.push(l);
       }));
     } else
-      c.value.push(n);
+      s.value.push(l);
   }
-  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 w = (a) => {
+    const e = s.value.findIndex((l) => l.name === a), n = s.value[e];
+    h.push(n.fullPath);
+  }, K = (a) => {
+    let e = -1, n = -1;
+    if (s.value.forEach((t, c) => {
+      t.name === a && (n = c), t.active && (e = c);
+    }), e === n) {
+      let t;
+      n === 0 ? t = s.value[n + 1] : t = s.value[n - 1], t.active = !0, h.push(t.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)
+    const l = s.value.splice(n, 1);
+    O(l[0]);
+  }, J = () => {
+    var e;
+    if (u != null && u.disableKeepAlive || (e = o == null ? void 0 : o.meta) != null && e.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);
+    const a = new Set(p.value);
+    v.value.forEach((n) => {
+      n.name && a.add(n.name);
+    }), p.value = Array.from(a.values());
+  }, O = (a) => {
+    const e = new Set(p.value);
+    a.parentNames.forEach((n) => {
+      e.delete(n);
+    }), s.value.forEach((n) => {
+      n.parentNames.forEach((l) => {
+        const t = M.value[l];
+        t != null && t.ignoreCache || e.add(t.name);
       });
-    }), f.value = Array.from(l.values());
+    }), p.value = Array.from(e.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;
+  return g(() => d.value, () => {
+    const a = {}, e = (n) => {
+      n.forEach((l) => {
+        l.children && l.children.length > 0 && e(l.children), delete l.children, a[l.name] = l;
       });
     };
-    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();
+    e(JSON.parse(JSON.stringify(d.value))), M.value = a;
+  }, { immediate: !0 }), g(() => [u.layout, d.value], () => {
+    var a;
+    if (b.value = [], f.value = [], u.layout === P.side)
+      f.value = d.value;
+    else if (u.layout === P.mix) {
+      const e = (a = d.value) == null ? void 0 : a.filter((n) => n.topMenu);
+      (e == null ? void 0 : e.length) === 0 ? f.value = d.value : b.value = e;
+    }
+  }, { immediate: !0 }), g(() => o == null ? void 0 : o.name, () => {
+    var n, l, t;
+    const a = o == null ? void 0 : o.name;
+    i.value = M.value[a], S();
+    const e = v.value.filter((c) => c.topMenu);
+    e.length > 0 && b.value.length > 0 && (f.value = ((n = e[e.length - 1]) == null ? void 0 : n.children) || []), y.value = i != null && i.value ? [...e.map((c) => c.name), ...((l = i.value) == null ? void 0 : l.activatedKeys) || []] : [], T.value = i != null && i.value ? [i.value.name, ...((t = i.value) == null ? void 0 : t.activatedKeys) || []] : [], x(), u.hideTabs || A(), J();
   }, { immediate: !0 }), {
-    menuSelectedKeys: m,
-    activeMenuItem: u,
-    menuItemMap: d,
-    breadcrumbItems: p,
-    tabs: c,
-    keepAliveInclude: f,
-    onMenuItemClick: P,
-    onTabClick: A,
-    onTabDelete: E
+    topMenuItems: b,
+    siderMenuItems: f,
+    topMenuSelectedKeys: y,
+    siderMenuSelectedKeys: T,
+    activeMenuItem: i,
+    menuItemMap: M,
+    breadcrumbItems: k,
+    tabs: s,
+    keepAliveInclude: p,
+    onProMenuItemClick: N,
+    onTabClick: w,
+    onTabDelete: K
   };
 }
 export {
-  J as useHooks
+  z as useHooks
 };