@keyblade/pro-components 1.13.8-alpha.18 → 1.13.8-alpha.19

package/es/pro-calendar/week.vue.js

@@ -1,35 +1,34 @@
 import { defineComponent as u, computed as m, createElementBlock as a, openBlock as n, normalizeClass as l, unref as t, Fragment as c, renderList as f, toDisplayString as y } from "vue";
-import "dayjs";
-import { getPrefixCls as k } from "../node_modules/.pnpm/@arco-design_web-vue@2.53.3_vue@3.5.13_typescript@5.8.2_/node_modules/@arco-design/web-vue/es/_utils/global-config.js";
-import { useI18n as h } from "../node_modules/.pnpm/@arco-design_web-vue@2.53.3_vue@3.5.13_typescript@5.8.2_/node_modules/@arco-design/web-vue/es/locale/index.js";
+import { getPrefixCls as k } from "@arco-design/web-vue/es/_utils/global-config";
+import { useI18n as h } from "@arco-design/web-vue/es/locale";
 import { EMode as g } from "./enum.js";
-const _ = /* @__PURE__ */ u({
+const W = /* @__PURE__ */ u({
   __name: "week",
   props: {
     mode: {},
-    dayStartOfWeek: {},
-    isWeek: { type: Boolean },
-    panel: { type: Boolean },
     value: {},
+    pageData: {},
+    pageShowDate: {},
     selectHandler: { type: Function },
-    pageShowData: {},
-    pageData: {}
+    dayStartOfWeek: {},
+    isWeek: { type: Boolean },
+    panel: { type: Boolean }
   },
   setup(i) {
-    const r = i, s = k("calendar-week-list"), { t: p } = h(), d = m(() => {
+    const s = i, r = k("calendar-week-list"), { t: d } = h(), p = m(() => {
       const e = ["monday", "tuesday", "wednesday", "thursday", "friday", "saturday"];
-      return r.dayStartOfWeek === 0 ? e.unshift("sunday") : e.push("sunday"), r.isWeek && e.unshift("self"), e;
+      return s.dayStartOfWeek === 0 ? e.unshift("sunday") : e.push("sunday"), s.isWeek && e.unshift("self"), e;
     });
     return (e, w) => (n(), a("div", {
-      class: l(t(s))
+      class: l(t(r))
     }, [
-      (n(!0), a(c, null, f(d.value, (o) => (n(), a("div", {
+      (n(!0), a(c, null, f(p.value, (o) => (n(), a("div", {
         key: o,
-        class: l(`${t(s)}-item`)
-      }, y(t(p)(`calendar.week.${e.panel || e.mode === t(g).year ? "short" : "long"}.${o}`)), 3))), 128))
+        class: l(`${t(r)}-item`)
+      }, y(t(d)(`calendar.week.${e.panel || e.mode === t(g).year ? "short" : "long"}.${o}`)), 3))), 128))
     ], 2));
   }
 });
 export {
-  _ as default
+  W as default
 };

package/es/pro-calendar/year.vue.d.ts

@@ -1,15 +1,3 @@
-import { Dayjs } from 'dayjs';
-import { EMode } from './enum';
-interface Props {
-    /** 模式 */
-    mode: EMode.month | EMode.year;
-    dayStartOfWeek?: 0 | 1;
-    value: Dayjs;
-    isWeek?: boolean;
-    panel?: boolean;
-    pageShowData: Dayjs;
-    pageData?: any[];
-    selectHandler: (time: Dayjs, disabled: boolean) => void;
-}
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+import { IProCalendarYear } from './inerface';
+declare const _default: import('vue').DefineComponent<IProCalendarYear, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IProCalendarYear> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/es/pro-calendar/year.vue.js

@@ -1,22 +1,22 @@
 import { defineComponent as C, computed as m, createElementBlock as l, openBlock as n, normalizeClass as o, unref as t, Fragment as c, renderList as f, createElementVNode as v, toDisplayString as h, createVNode as D } from "vue";
 import "dayjs";
-import { padStart as N } from "../node_modules/.pnpm/@arco-design_web-vue@2.53.3_vue@3.5.13_typescript@5.8.2_/node_modules/@arco-design/web-vue/es/_utils/pad.js";
-import { dayjs as b } from "../node_modules/.pnpm/@arco-design_web-vue@2.53.3_vue@3.5.13_typescript@5.8.2_/node_modules/@arco-design/web-vue/es/_utils/date.js";
+import { padStart as N } from "@arco-design/web-vue/es/_utils/pad";
+import { dayjs as b } from "@arco-design/web-vue/es/_utils/date";
 import V from "./month.vue.js";
 import B from "./hooks/useCellClassName.js";
-import { getPrefixCls as H } from "../node_modules/.pnpm/@arco-design_web-vue@2.53.3_vue@3.5.13_typescript@5.8.2_/node_modules/@arco-design/web-vue/es/_utils/global-config.js";
-import { useI18n as M } from "../node_modules/.pnpm/@arco-design_web-vue@2.53.3_vue@3.5.13_typescript@5.8.2_/node_modules/@arco-design/web-vue/es/locale/index.js";
+import { getPrefixCls as H } from "@arco-design/web-vue/es/_utils/global-config";
+import { useI18n as M } from "@arco-design/web-vue/es/locale";
 const O = ["onClick"], G = /* @__PURE__ */ C({
   __name: "year",
   props: {
     mode: {},
-    dayStartOfWeek: {},
     value: {},
-    isWeek: { type: Boolean },
-    panel: { type: Boolean },
-    pageShowData: {},
     pageData: {},
-    selectHandler: { type: Function }
+    pageShowDate: {},
+    selectHandler: { type: Function },
+    dayStartOfWeek: {},
+    isWeek: { type: Boolean },
+    panel: { type: Boolean }
   },
   setup(y) {
     const i = [
@@ -45,7 +45,7 @@ const O = ["onClick"], G = /* @__PURE__ */ C({
         hoverRangeValues: [],
         isSameTime: (e, a) => e.isSame(a, "month")
       })
-    ), k = m(() => u.pageShowData.year());
+    ), k = m(() => u.pageShowDate.year());
     function p(e) {
       return b(
         `${k.value}-${N(e + 1, 2, "0")}-01`
@@ -91,7 +91,7 @@ const O = ["onClick"], G = /* @__PURE__ */ C({
               class: o(`${t(r)}-month-title`)
             }, h(t(d)(`calendar.month.long.${s.name}`)), 3),
             D(V, {
-              "page-show-date": e.pageShowData,
+              "page-show-date": e.pageShowDate,
               "page-data": e.pageData,
               "day-start-of-week": e.dayStartOfWeek,
               "select-handler": e.selectHandler,

package/es/pro-image-upload/image-upload.vue.d.ts

@@ -610,8 +610,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }>, {
     name: string;
     disabled: boolean;
-    accept: string[];
     multiple: boolean;
+    accept: string[];
     singleLimit: number;
     hideInnerBeforeUploadLoading: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/es/pro-image-upload/index.d.ts

@@ -529,8 +529,8 @@ declare const ProImageUpload: {
     }, import('vue').PublicProps, {
         name: string;
         disabled: boolean;
-        accept: string[];
         multiple: boolean;
+        accept: string[];
         singleLimit: number;
         hideInnerBeforeUploadLoading: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -1104,8 +1104,8 @@ declare const ProImageUpload: {
     }, {}, {}, {}, {
         name: string;
         disabled: boolean;
-        accept: string[];
         multiple: boolean;
+        accept: string[];
         singleLimit: number;
         hideInnerBeforeUploadLoading: boolean;
     }>;
@@ -1641,8 +1641,8 @@ declare const ProImageUpload: {
 }, string, {
     name: string;
     disabled: boolean;
-    accept: string[];
     multiple: boolean;
+    accept: string[];
     singleLimit: number;
     hideInnerBeforeUploadLoading: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {

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;

package/es/pro-layout/hooks.js

@@ -1,7 +1,7 @@
 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 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) => {
@@ -140,7 +140,7 @@ function z(o) {
     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;

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

@@ -0,0 +1,63 @@
+import { defineComponent as p, createBlock as u, createCommentVNode as l, openBlock as r, withCtx as i, createElementBlock as a, resolveDynamicComponent as m, normalizeClass as k } from "vue";
+import I from "./menu-item.vue.js";
+import M from "./sub-menu.vue.js";
+const $ = ["src"], z = ["src"], y = "keyblade-pro-menu-item", v = /* @__PURE__ */ p({
+  __name: "pro-menu-item",
+  props: {
+    item: {},
+    selectedKeys: {},
+    mode: {}
+  },
+  emits: ["menu-item-click"],
+  setup(h, { emit: f }) {
+    const o = h, d = f, C = (e) => {
+      var n;
+      return (e == null ? void 0 : e.children) && ((n = e == null ? void 0 : e.children) == null ? void 0 : n.length) > 0 && ((o == null ? void 0 : o.mode) === "vertical" || (o == null ? void 0 : o.mode) === "horizontal" && e.topChildrenMenu);
+    }, g = (e) => {
+      var n;
+      return !(e != null && e.children) || ((n = e == null ? void 0 : e.children) == null ? void 0 : n.length) === 0 || o.mode === "horizontal" && e.children.length > 0 && !e.topChildrenMenu;
+    }, s = (e) => {
+      var n;
+      return (n = o == null ? void 0 : o.selectedKeys) != null && n.includes(e.name) && e != null && e.selectedIcon ? e == null ? void 0 : e.selectedIcon : e == null ? void 0 : e.icon;
+    }, c = (e) => {
+      const n = e == null ? void 0 : e.icon;
+      return n != null && n.startsWith("icon") ? "icon" : "url";
+    };
+    return (e, n) => C(e.item) ? (r(), u(M, {
+      key: 0,
+      item: e.item,
+      mode: e.mode,
+      "selected-keys": e.selectedKeys,
+      onMenuItemClick: n[0] || (n[0] = (t) => d("menu-item-click", t))
+    }, {
+      icon: i(() => [
+        c(e.item) === "icon" ? (r(), u(m(s(e.item)), { key: 0 })) : l("", !0),
+        c(e.item) === "url" ? (r(), a("img", {
+          key: 1,
+          class: k(`${y}-img`),
+          src: s(e.item),
+          alt: ""
+        }, null, 10, $)) : l("", !0)
+      ]),
+      _: 1
+    }, 8, ["item", "mode", "selected-keys"])) : g(e.item) ? (r(), u(I, {
+      key: 1,
+      item: e.item,
+      onMenuItemClick: n[1] || (n[1] = (t) => d("menu-item-click", t))
+    }, {
+      icon: i(() => [
+        c(e.item) === "icon" ? (r(), u(m(s(e.item)), { key: 0 })) : l("", !0),
+        c(e.item) === "url" ? (r(), a("img", {
+          key: 1,
+          class: k(`${y}-img`),
+          src: s(e.item),
+          alt: ""
+        }, null, 10, z)) : l("", !0)
+      ]),
+      _: 1
+    }, 8, ["item"])) : l("", !0);
+  }
+});
+export {
+  v as default
+};

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

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