@keyblade/pro-components 1.13.8-alpha.2 → 1.13.8-alpha.20

package/es/pro-layout/hooks.js

@@ -1,131 +1,131 @@
-import { ref as r, computed as L, watch as g } from "vue";
+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(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) => {
+const 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(() => {
+    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((t) => ({ ...t, topMenu: l == null ? void 0 : l.topChildrenMenu }));
+            l.children = l.children.map((n) => ({ ...n, 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 })));
+            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 })));
           }
-          e(l.children);
+          a(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 o.layout === P.mix && a(e), e;
+  }), C = (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 (a.path.startsWith("http") || a.path.startsWith("https")) {
+        window.open(a.path);
         return;
       }
-      a === B.top ? C(e) : E(e);
+      e === B.top ? C(a) : E(a);
     }
   }, S = () => {
-    const a = [], e = (n) => {
+    const e = [], a = (t) => {
       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;
+      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;
       }
       return !1;
     };
-    e(JSON.parse(JSON.stringify(d.value))), v.value = a;
+    a(JSON.parse(JSON.stringify(d.value))), v.value = e;
   }, 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 : [];
+    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 : [];
   };
   function A() {
     if (!i.value || i.value.noAffix) {
-      s.value.forEach((t) => {
-        t.active = !1;
+      s.value.forEach((n) => {
+        n.active = !1;
       });
       return;
     }
-    const { name: a, title: e } = i.value;
-    let n = -1;
-    s.value.forEach((t, c) => {
-      t.active = !1, t.name === a && (n = c);
+    const { name: e, title: a } = i.value;
+    let t = -1;
+    s.value.forEach((n, c) => {
+      n.active = !1, n.name === e && (t = c);
     });
     const l = {
-      name: a,
-      parentNames: v.value.map((t) => t.name),
-      title: e ?? a,
-      fullPath: o.fullPath,
+      name: e,
+      parentNames: v.value.map((n) => n.name),
+      title: a ?? e,
+      fullPath: u.fullPath,
       active: !0
     };
-    if (~n) {
-      const t = s.value[n];
-      t.fullPath === o.fullPath ? (t.active = !0, t.fullPath = o.fullPath) : (s.value.splice(n, 1), setTimeout(() => {
+    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);
       }));
     } else
       s.value.push(l);
   }
-  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 w = (e) => {
+    const a = s.value.findIndex((l) => l.name === e), t = s.value[a];
+    r.push(t.fullPath);
+  }, K = (e) => {
+    let a = -1, t = -1;
+    if (s.value.forEach((n, c) => {
+      n.name === e && (t = c), n.active && (a = c);
+    }), a === t) {
+      let n;
+      t === 0 ? n = s.value[t + 1] : n = s.value[t - 1], n.active = !0, r.push(n.fullPath);
     }
-    const l = s.value.splice(n, 1);
+    const l = s.value.splice(t, 1);
     O(l[0]);
   }, J = () => {
-    var e;
-    if (u != null && u.disableKeepAlive || (e = o == null ? void 0 : o.meta) != null && e.ignoreCache)
+    var a;
+    if (o != null && o.disableKeepAlive || (a = u == null ? void 0 : u.meta) != null && a.ignoreCache)
       return;
-    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);
-      });
+    v.value.forEach((t) => {
+      t.name && e.add(t.name);
     }), p.value = Array.from(e.values());
+  }, O = (e) => {
+    const a = new Set(p.value);
+    e.parentNames.forEach((t) => {
+      a.delete(t);
+    }), s.value.forEach((t) => {
+      t.parentNames.forEach((l) => {
+        const n = M.value[l];
+        n != null && n.ignoreCache || a.add(n.name);
+      });
+    }), p.value = Array.from(a.values());
   };
   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;
+    const e = {}, a = (t) => {
+      t.forEach((l) => {
+        l.children && l.children.length > 0 && a(l.children), delete l.children, e[l.name] = l;
       });
     };
-    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)
+    a(JSON.parse(JSON.stringify(d.value))), M.value = e;
+  }, { immediate: !0 }), g(() => [o.layout, d.value], () => {
+    var e;
+    if (b.value = [], f.value = [], o.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;
+    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;
     }
-  }, { 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 }), g(() => u == null ? void 0 : u.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();
   }, { immediate: !0 }), {
     topMenuItems: b,
     siderMenuItems: f,
@@ -140,7 +140,7 @@ function z(u) {
     onTabClick: w,
     onTabDelete: K
   };
-}
+};
 export {
   z as useHooks
 };

package/es/pro-layout/pro-layout.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as le, useCssVars as ae, ref as N, useSlots as se, computed as de, provide as C, onMounted as ne, watch as V, resolveComponent as s, createBlock as i, openBlock as l, normalizeClass as a, withCtx as d, createCommentVNode as n, createVNode as p, createElementVNode as h, renderSlot as c, createElementBlock as m, unref as o, Fragment as k, createTextVNode as T, toDisplayString as P } from "vue";
+import { defineComponent as le, useCssVars as ae, ref as N, useSlots as se, computed as de, provide as C, onMounted as ne, watch as V, resolveComponent as s, createBlock as i, openBlock as l, normalizeClass as a, withCtx as d, createCommentVNode as n, createVNode as p, createElementVNode as y, renderSlot as c, createElementBlock as h, unref as o, Fragment as b, createTextVNode as T, toDisplayString as P } from "vue";
 import { useHooks as re } from "./hooks.js";
 import { ProLayoutMode as ie, ProLayoutMenuType as F } from "./enum.js";
 const ue = ["src"], pe = ["src"], t = "keyblade-pro-layout", ce = 48, he = /* @__PURE__ */ le({
@@ -26,18 +26,18 @@ const ue = ["src"], pe = ["src"], t = "keyblade-pro-layout", ce = 48, he = /* @_
   },
   emits: {
     /** 收缩事件 */
-    collapse: (g) => !0,
+    collapse: (_) => !0,
     /** keepAlive改变事件 */
-    keepAliveIncludeChange: (g) => !0
+    keepAliveIncludeChange: (_) => !0
   },
-  setup(g, { emit: E }) {
+  setup(_, { emit: E }) {
     ae((e) => ({
-      "4a477a1a": z.value,
-      "3599ef93": G,
-      "5b478c92": J
+      69231088: z.value,
+      "608a2431": G,
+      "2ea5a9b4": J
     }));
-    const u = g, B = E, f = se(), I = de(() => u.hiderSider || b.value.length > 0 && H.value.length === 0), {
-      topMenuItems: b,
+    const u = _, B = E, m = se(), I = de(() => u.hiderSider || g.value.length > 0 && H.value.length === 0), {
+      topMenuItems: g,
       siderMenuItems: H,
       topMenuSelectedKeys: L,
       siderMenuSelectedKeys: R,
@@ -58,7 +58,7 @@ const ue = ["src"], pe = ["src"], t = "keyblade-pro-layout", ce = 48, he = /* @_
       r.value = u.siderCollapsed;
     }, { immediate: !0 }), V(v, () => {
       B("keepAliveIncludeChange", v.value);
-    }, { immediate: !0 }), (e, y) => {
+    }, { immediate: !0 }), (e, f) => {
       const A = s("a-typography-title"), K = s("a-space"), D = s("kb-pro-menu"), O = s("a-layout-header"), Q = s("icon-menu-unfold"), U = s("icon-menu-fold"), X = s("a-button"), Y = s("a-layout-sider"), Z = s("kb-pro-reuse-tabs"), x = s("a-affix"), ee = s("kb-pro-keep-alive-router-view"), te = s("a-layout-content"), oe = s("a-layout-footer"), $ = s("a-layout");
       return l(), i($, {
         class: a([t, `${t}-${e.layout}`])
@@ -69,17 +69,17 @@ const ue = ["src"], pe = ["src"], t = "keyblade-pro-layout", ce = 48, he = /* @_
             class: a([`${t}-header`, { [`${t}-header-collapsed`]: r.value }])
           }, {
             default: d(() => [
-              h("div", {
+              y("div", {
                 class: a(`${t}-header-left`)
               }, [
-                o(f)["header-left"] ? c(e.$slots, "header-left", { key: 0 }) : (l(), m(k, { key: 1 }, [
-                  e.layout !== "side" ? (l(), m("div", {
+                o(m)["header-left"] ? c(e.$slots, "header-left", { key: 0 }) : (l(), h(b, { key: 1 }, [
+                  e.layout !== "side" ? (l(), h("div", {
                     key: 0,
                     class: a(`${t}-header-left-logo`)
                   }, [
                     p(K, null, {
                       default: d(() => [
-                        h("img", {
+                        y("img", {
                           class: a(`${t}-header-left-logo-img`),
                           alt: "logo",
                           src: e.logo
@@ -100,25 +100,23 @@ const ue = ["src"], pe = ["src"], t = "keyblade-pro-layout", ce = 48, he = /* @_
                   ], 2)) : n("", !0)
                 ], 64))
               ], 2),
-              h("div", {
+              y("div", {
                 class: a(`${t}-header-center`)
               }, [
-                o(f)["header-center-left"] ? c(e.$slots, "header-center-left", { key: 0 }) : n("", !0),
-                o(b).length > 0 ? (l(), m(k, { key: 1 }, [
-                  o(b).length > 0 ? (l(), i(D, {
-                    key: 0,
-                    mode: "horizontal",
-                    "selected-keys": o(L),
-                    items: o(b),
-                    "menu-props": e.menuProps,
-                    onMenuItemClick: y[0] || (y[0] = (_) => o(S)(o(F).top, _))
-                  }, null, 8, ["selected-keys", "items", "menu-props"])) : n("", !0)
-                ], 64)) : (l(), m(k, { key: 2 }, [
-                  o(f)["header-center-center"] ? c(e.$slots, "header-center-center", { key: 0 }) : n("", !0)
+                o(m)["header-center-left"] ? c(e.$slots, "header-center-left", { key: 0 }) : n("", !0),
+                o(g).length > 0 ? (l(), i(D, {
+                  key: 1,
+                  mode: "horizontal",
+                  "selected-keys": o(L),
+                  items: o(g),
+                  "menu-props": e.menuProps,
+                  onMenuItemClick: f[0] || (f[0] = (k) => o(S)(o(F).top, k))
+                }, null, 8, ["selected-keys", "items", "menu-props"])) : (l(), h(b, { key: 2 }, [
+                  o(m)["header-center-center"] ? c(e.$slots, "header-center-center", { key: 0 }) : n("", !0)
                 ], 64)),
-                o(f)["header-center-right"] ? c(e.$slots, "header-center-right", { key: 3 }) : n("", !0)
+                o(m)["header-center-right"] ? c(e.$slots, "header-center-right", { key: 3 }) : n("", !0)
               ], 2),
-              h("div", {
+              y("div", {
                 class: a(`${t}-header-right`)
               }, [
                 c(e.$slots, "header-right")
@@ -139,17 +137,17 @@ const ue = ["src"], pe = ["src"], t = "keyblade-pro-layout", ce = 48, he = /* @_
                 onCollapse: W
               }, {
                 default: d(() => [
-                  h("div", {
+                  y("div", {
                     class: a(`${t}-sider-content`)
                   }, [
-                    o(f)["sider-top"] ? c(e.$slots, "sider-top", { key: 0 }) : (l(), m(k, { key: 1 }, [
-                      e.layout === "side" ? (l(), m("div", {
+                    o(m)["sider-top"] ? c(e.$slots, "sider-top", { key: 0 }) : (l(), h(b, { key: 1 }, [
+                      e.layout === "side" ? (l(), h("div", {
                         key: 0,
                         class: a(`${t}-sider-content-logo`)
                       }, [
                         p(K, null, {
                           default: d(() => [
-                            h("img", {
+                            y("img", {
                               class: a(`${t}-sider-content-logo-img`),
                               alt: "logo",
                               src: e.logo
@@ -175,13 +173,13 @@ const ue = ["src"], pe = ["src"], t = "keyblade-pro-layout", ce = 48, he = /* @_
                       "selected-keys": o(R),
                       items: o(H),
                       "menu-props": e.menuProps,
-                      onMenuItemClick: y[1] || (y[1] = (_) => o(S)(o(F).side, _))
+                      onMenuItemClick: f[1] || (f[1] = (k) => o(S)(o(F).side, k))
                     }, null, 8, ["collapsed", "selected-keys", "items", "menu-props"])
                   ], 2),
                   p(X, {
                     class: a(`${t}-sider-collapse-btn`),
                     size: "mini",
-                    onClick: y[2] || (y[2] = (_) => W(!r.value))
+                    onClick: f[2] || (f[2] = (k) => W(!r.value))
                   }, {
                     icon: d(() => [
                       r.value ? (l(), i(Q, { key: 0 })) : (l(), i(U, { key: 1 }))
@@ -223,8 +221,8 @@ const ue = ["src"], pe = ["src"], t = "keyblade-pro-layout", ce = 48, he = /* @_
                     ]),
                     _: 1
                   }),
-                  e.hideFooter ? n("", !0) : (l(), m(k, { key: 1 }, [
-                    o(f).footer !== void 0 ? c(e.$slots, "footer", { key: 0 }) : (l(), i(oe, {
+                  e.hideFooter ? n("", !0) : (l(), h(b, { key: 1 }, [
+                    o(m).footer !== void 0 ? c(e.$slots, "footer", { key: 0 }) : (l(), i(oe, {
                       key: 1,
                       class: a(`${t}-body-footer`)
                     }, {

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

@@ -1,67 +1,21 @@
 import { App } from 'vue';
 declare const ProMenu: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-        mode: {
-            type: import('vue').PropType<"horizontal" | "vertical">;
-            required: false;
-            default: string;
-        };
-        collapsed: {
-            type: import('vue').PropType<boolean>;
-            required: false;
-        };
-        selectedKeys: {
-            type: import('vue').PropType<string[]>;
-            required: true;
-        };
-        items: {
-            type: import('vue').PropType<import('./interface').IProMenuItem[]>;
-            required: true;
-        };
-        menuProps: {
-            type: import('vue').PropType<Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>>;
-            required: false;
-            default: () => {};
-        };
-    }>> & Readonly<{
-        "onMenu-item-click"?: ((_item: import('./interface').IProMenuItem) => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "menu-item-click": (_item: import('./interface').IProMenuItem) => void;
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./interface').IProMenuProps> & Readonly<{
+        "onMenu-item-click"?: ((item: import('./interface').IProMenuItem) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "menu-item-click": (item: import('./interface').IProMenuItem) => any;
     }, import('vue').PublicProps, {
         mode: "horizontal" | "vertical";
         menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
-        mode: {
-            type: import('vue').PropType<"horizontal" | "vertical">;
-            required: false;
-            default: string;
-        };
-        collapsed: {
-            type: import('vue').PropType<boolean>;
-            required: false;
-        };
-        selectedKeys: {
-            type: import('vue').PropType<string[]>;
-            required: true;
-        };
-        items: {
-            type: import('vue').PropType<import('./interface').IProMenuItem[]>;
-            required: true;
-        };
-        menuProps: {
-            type: import('vue').PropType<Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>>;
-            required: false;
-            default: () => {};
-        };
-    }>> & Readonly<{
-        "onMenu-item-click"?: ((_item: import('./interface').IProMenuItem) => any) | undefined;
+    }, Readonly<import('./interface').IProMenuProps> & Readonly<{
+        "onMenu-item-click"?: ((item: import('./interface').IProMenuItem) => any) | undefined;
     }>, {}, {}, {}, {}, {
         mode: "horizontal" | "vertical";
         menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
@@ -69,33 +23,10 @@ declare const ProMenu: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-    mode: {
-        type: import('vue').PropType<"horizontal" | "vertical">;
-        required: false;
-        default: string;
-    };
-    collapsed: {
-        type: import('vue').PropType<boolean>;
-        required: false;
-    };
-    selectedKeys: {
-        type: import('vue').PropType<string[]>;
-        required: true;
-    };
-    items: {
-        type: import('vue').PropType<import('./interface').IProMenuItem[]>;
-        required: true;
-    };
-    menuProps: {
-        type: import('vue').PropType<Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>>;
-        required: false;
-        default: () => {};
-    };
-}>> & Readonly<{
-    "onMenu-item-click"?: ((_item: import('./interface').IProMenuItem) => any) | undefined;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "menu-item-click": (_item: import('./interface').IProMenuItem) => void;
+} & import('vue').ComponentOptionsBase<Readonly<import('./interface').IProMenuProps> & Readonly<{
+    "onMenu-item-click"?: ((item: import('./interface').IProMenuItem) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "menu-item-click": (item: import('./interface').IProMenuItem) => any;
 }, string, {
     mode: "horizontal" | "vertical";
     menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;

package/es/pro-menu/interface.d.ts

@@ -1,3 +1,4 @@
+import { MenuProps } from '@arco-design/web-vue/es/menu/interface';
 export interface IProMenuItem {
     /** 英文名称（唯一标识，不能重复） */
     name: string;
@@ -48,3 +49,21 @@ export interface IProMenuItem {
     /** 子菜单 */
     children?: IProMenuItem[];
 }
+/**
+ * 组件emits
+ */
+export interface IProMenuEmits {
+    (e: 'menu-item-click', item: IProMenuItem): void;
+}
+export interface IProMenuProps {
+    items: IProMenuItem[];
+    selectedKeys: string[];
+    mode?: 'horizontal' | 'vertical';
+    collapsed?: boolean;
+    menuProps?: Partial<MenuProps>;
+}
+export type IProMenuItemProps = {
+    item: IProMenuItem;
+    selectedKeys: string[];
+    mode?: 'horizontal' | 'vertical';
+} & Pick<IProMenuProps, 'selectedKeys' | 'mode'>;

package/es/pro-menu/menu-item.vue.d.ts

@@ -0,0 +1,25 @@
+import { IProMenuItem } from './interface.ts';
+type __VLS_Props = {
+    item: IProMenuItem;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "menu-item-click": (item: IProMenuItem) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onMenu-item-click"?: ((item: IProMenuItem) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/pro-menu/menu-item.vue.js

@@ -0,0 +1,35 @@
+import { defineComponent as s, resolveComponent as l, createBlock as a, openBlock as c, createSlots as p, withCtx as o, createTextVNode as u, toDisplayString as k, renderSlot as d } from "vue";
+const v = /* @__PURE__ */ s({
+  __name: "menu-item",
+  props: {
+    item: {}
+  },
+  emits: ["menu-item-click"],
+  setup(f, { emit: i }) {
+    const m = i;
+    return (e, t) => {
+      var n;
+      const r = l("a-menu-item");
+      return c(), a(r, {
+        key: e.item.name,
+        onClick: t[0] || (t[0] = (_) => m("menu-item-click", e.item))
+      }, p({
+        default: o(() => [
+          u(" " + k(e.item.title), 1)
+        ]),
+        _: 2
+      }, [
+        (n = e.item) != null && n.icon ? {
+          name: "icon",
+          fn: o(() => [
+            d(e.$slots, "icon")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1024);
+    };
+  }
+});
+export {
+  v as default
+};

package/es/pro-menu/menu-item.vue2.js

@@ -0,0 +1,4 @@
+import f from "./menu-item.vue.js";
+export {
+  f as default
+};

package/es/pro-menu/pro-menu-item.vue.d.ts

@@ -0,0 +1,7 @@
+import { IProMenuItem, IProMenuItemProps } from './interface.ts';
+declare const _default: import('vue').DefineComponent<IProMenuItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "menu-item-click": (item: IProMenuItem) => any;
+}, string, import('vue').PublicProps, Readonly<IProMenuItemProps> & Readonly<{
+    "onMenu-item-click"?: ((item: IProMenuItem) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;