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

package/es/pro-login/index.vue.js

@@ -0,0 +1,105 @@
+import { defineComponent as C, useSlots as T, ref as y, computed as b, createBlock as m, openBlock as u, unref as t, mergeProps as p, withCtx as r, createVNode as f, renderSlot as P, createSlots as _ } from "vue";
+import { Card as $, Tabs as I, TabPane as w } from "@arco-design/web-vue";
+import { EProLoginType as a } from "./enum.js";
+import x from "./form-mobile.vue.js";
+import B from "./form-password.vue.js";
+const S = "keyblade-pro-login", V = /* @__PURE__ */ C({
+  __name: "index",
+  props: {
+    activeKey: { default: a.password },
+    cardProps: { default: () => ({
+      bordered: !1
+    }) },
+    inputProps: { default: () => ({
+      size: "large"
+    }) },
+    formItemProps: { default: () => ({
+      hideLabel: !0,
+      validateTrigger: []
+    }) },
+    countdown: {},
+    onSendSmsCode: {},
+    onSubmitSuccess: {},
+    "update:activeKey": {}
+  },
+  emits: ["update:activeKey", "submit-success", "send-sms-code"],
+  setup(g, { expose: K, emit: k }) {
+    const n = k, R = T(), i = y(), l = y(), d = g, c = b(() => ({
+      inputProps: d.inputProps,
+      formItemProps: d.formItemProps,
+      prefixClsName: S
+    })), v = b({
+      get: () => d.activeKey,
+      set: (e) => n("update:activeKey", e)
+    });
+    return K({
+      get resetTime() {
+        var e, o;
+        return (o = (e = i.value) == null ? void 0 : e.resetTime) != null ? o : (() => {
+        });
+      },
+      get mobileRef() {
+        var e;
+        return (e = i.value) == null ? void 0 : e.formRef;
+      },
+      get passwordRef() {
+        var e;
+        return (e = l.value) == null ? void 0 : e.formRef;
+      }
+    }), (e, o) => (u(), m(t($), p({ class: S }, e.cardProps), {
+      default: r(() => [
+        f(t(I), {
+          activeKey: v.value,
+          "onUpdate:activeKey": o[3] || (o[3] = (s) => v.value = s)
+        }, {
+          default: r(() => [
+            (u(), m(t(w), {
+              key: t(a).mobile,
+              title: "短信登录"
+            }, {
+              default: r(() => [
+                f(x, p({
+                  ref_key: "mobileRef",
+                  ref: i,
+                  countdown: e.countdown
+                }, c.value, {
+                  onSendSmsCode: o[0] || (o[0] = (s) => n("send-sms-code", s)),
+                  onSubmit: o[1] || (o[1] = (s) => n("submit-success", { value: s, type: t(a).mobile }))
+                }), _({ _: 2 }, [
+                  t(R)["area-code"] ? {
+                    name: "area-code",
+                    fn: r(() => [
+                      P(e.$slots, "area-code")
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1040, ["countdown"])
+              ]),
+              _: 3
+            })),
+            (u(), m(t(w), {
+              key: t(a).password,
+              title: "密码登录"
+            }, {
+              default: r(() => [
+                f(B, p({
+                  ref_key: "passwordRef",
+                  ref: l
+                }, c.value, {
+                  onSubmit: o[2] || (o[2] = (s) => n("submit-success", { value: s, type: t(a).password }))
+                }), null, 16)
+              ]),
+              _: 1
+            }))
+          ]),
+          _: 3
+        }, 8, ["activeKey"]),
+        P(e.$slots, "footer")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  V as default
+};

package/es/pro-login/index.vue3.js

@@ -0,0 +1,5 @@
+import o from "./index.vue.js";
+/* empty css           */
+export {
+  o as default
+};

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

@@ -0,0 +1,72 @@
+import { CSSProperties } from 'vue';
+import { FormInstance, FormItemInstance } from '@arco-design/web-vue';
+import { EProLoginType } from './enum';
+export * from './enum';
+export interface ICardProps {
+    /** 是否显示边框 */
+    bordered?: boolean;
+    /** 是否为加载中 */
+    loading?: boolean;
+    /** 是否可悬浮 */
+    hoverable?: boolean;
+    /** 卡片尺寸 */
+    size?: 'small' | 'medium';
+    /** 头部样式 */
+    headerStyle?: CSSProperties;
+    /** 内容区域样式 */
+    bodyStyle?: CSSProperties;
+    /** 卡片标题 */
+    title?: string;
+    /** 卡片右上角的操作区域 */
+    extra?: string;
+}
+export interface IInputProps {
+    /** 输入框大小 */
+    size?: 'mini' | 'small' | 'medium' | 'large';
+    /** 是否允许清空输入框 */
+    allowClear?: boolean;
+}
+export type IProLogin = {
+    activeKey?: EProLoginType;
+    /** 卡片属性 */
+    cardProps?: ICardProps;
+    /** 输入框属性 */
+    inputProps?: IInputProps;
+    /** 表单项属性 */
+    formItemProps?: Partial<FormItemInstance>;
+    /** 倒计时（秒） */
+    countdown?: number;
+    /** 获取短信验证码 */
+    onSendSmsCode?: (value: string) => void;
+    /** 提交 */
+    onSubmitSuccess?: (value: IProLoginFormData) => void;
+} & {
+    'update:activeKey'?: (value: EProLoginType) => void;
+};
+export type IProLoginByMobile = Omit<IProLogin, 'activeKey' | 'cardProps'> & {
+    prefixClsName: string;
+};
+export type IProLoginByPassword = Pick<IProLogin, 'inputProps' | 'formItemProps'> & {
+    prefixClsName: string;
+};
+export interface IProLoginFormRef {
+    formRef: FormInstance;
+}
+export interface IProLoginRef {
+    resetTime: () => void;
+    mobileRef: FormInstance;
+    passwordRef: FormInstance;
+}
+export type PasswordFormField = {
+    username: string;
+    password: string;
+};
+export type MobileFormField = {
+    mobile: string;
+    validCode: string;
+};
+export interface IProLoginFormData {
+    value: PasswordFormField | MobileFormField;
+    type: EProLoginType;
+}
+export type ProLoginProps = Partial<IProLogin>;

package/es/pro-login/regexp.d.ts

@@ -0,0 +1,17 @@
+export declare const regexp: {
+    mobile: RegExp;
+    validCode: RegExp;
+    password: RegExp;
+};
+export declare const message: {
+    mobile: string;
+    validCode: string;
+    password: string;
+};
+/**
+ * 验证用户名+手机号
+ * @param value
+ * @param callback
+ * @returns
+ */
+export declare const testUserName: (value: string, callback: (err: string) => void) => void;

package/es/pro-login/regexp.js

@@ -0,0 +1,28 @@
+const x = {
+  mobile: /^1[3-9]\d{9}$/,
+  validCode: /^\d{6}$/,
+  password: /^(?![0-9]+$)(?![a-z]+$)(?![A-Z]+$)(?!([^(0-9a-zA-Z)]|[()])+$)([^(0-9a-zA-Z)]|[()]|[a-z]|[A-Z]|[0-9]){6,32}$/
+}, $ = {
+  mobile: "请填写正确的手机号",
+  validCode: "请输入6位数字验证码",
+  password: "包含大小写字母、数字、特殊字符至少2种，且为6-32位"
+}, c = (e, r) => {
+  const t = {
+    verify: !1,
+    errText: ""
+  };
+  if (/^\d+$/.test(e)) {
+    x.mobile.test(e) || r($.mobile);
+    return;
+  }
+  const i = /^[\u4E00-\u9FA50-9a-zA-Z_]{4,16}$/, o = /[\u4E00-\u9FA5]/, n = /[a-zA-Z]/, f = /[0-9]/;
+  let s = 0;
+  e.indexOf("_") >= 0 && s++, o.test(e) && s++, n.test(e) && s++, f.test(e) && s++;
+  const d = e.length;
+  e.length < 4 ? t.errText = "用户名长度至少4位" : d > 16 ? t.errText = "用户名不能超过16位" : i.test(e) ? s < 2 ? t.errText = "用户名必须至少包含数字、中文字符、英文字符、下划线中的两种类型" : t.verify = !0 : t.errText = "用户名必须是数字、中英文字符、下划线组成，不能包含其他特殊字符", t.verify || r(t.errText);
+};
+export {
+  $ as message,
+  x as regexp,
+  c as testUserName
+};

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

@@ -1,67 +1,24 @@
 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<{
+        "onOpen-keys-change"?: ((v: string[]) => any) | undefined;
+        "onMenu-item-click"?: ((item: import('./interface').IProMenuItem) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "open-keys-change": (v: string[]) => any;
+        "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<{
+        "onOpen-keys-change"?: ((v: string[]) => any) | undefined;
+        "onMenu-item-click"?: ((item: import('./interface').IProMenuItem) => any) | undefined;
     }>, {}, {}, {}, {}, {
         mode: "horizontal" | "vertical";
         menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
@@ -69,39 +26,20 @@ 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<{
+    "onOpen-keys-change"?: ((v: string[]) => any) | undefined;
+    "onMenu-item-click"?: ((item: import('./interface').IProMenuItem) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "open-keys-change": (v: string[]) => any;
+    "menu-item-click": (item: import('./interface').IProMenuItem) => any;
 }, string, {
     mode: "horizontal" | "vertical";
     menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
 }, {}, 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 * from './interface';
+/** 导出组件 */
 export { ProMenu };
 export default ProMenu;

package/es/pro-menu/index.js

@@ -1,12 +1,11 @@
-import n from "./pro-menu.vue.js";
+import o from "./pro-menu.vue.js";
 /* empty css              */
-import { Menu as t } from "@arco-design/web-vue";
-const s = Object.assign(n, {
-  install: (o) => {
-    o.use(t), o.component("KbProMenu", n);
+const r = Object.assign(o, {
+  install: (n) => {
+    n.component("KbProMenu", o);
   }
 });
 export {
-  s as ProMenu,
-  s as default
+  r as ProMenu,
+  r as default
 };

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

@@ -1,3 +1,5 @@
+import { MenuProps } from '@arco-design/web-vue/es/menu/interface';
+import { RouteRecordRedirectOption } from 'vue-router';
 export interface IProMenuItem {
     /** 英文名称（唯一标识，不能重复） */
     name: string;
@@ -30,6 +32,10 @@ export interface IProMenuItem {
      * 方式二、url: 绝对路径或相对路径
      * */
     selectedIcon?: string;
+    /** 菜单排序 */
+    order?: number;
+    /** 是否固定路由（在使用动态路由中就算后端没有返回数据，也会生成该路由，前提是拥有该路由的父级路由） */
+    fixed?: boolean;
     /** 如果设置为 true，右侧菜单不显示 */
     hideInMenu?: boolean;
     /** 如果设置为 true，右侧菜单不显示下面子菜单 */
@@ -47,4 +53,29 @@ export interface IProMenuItem {
     componentKey?: 'path' | 'fullPath';
     /** 子菜单 */
     children?: IProMenuItem[];
+    /** 重定向(只有当菜单为顶部菜单、并且子菜单不是顶部菜单才生效) */
+    redirect?: RouteRecordRedirectOption;
 }
+/**
+ * 组件emits
+ */
+export interface IProMenuEmits {
+    /** 展开菜单改变 */
+    (e: 'open-keys-change', v: string[]): void;
+    (e: 'menu-item-click', item: IProMenuItem): void;
+}
+export interface IProMenuProps {
+    items: IProMenuItem[];
+    /** 选中的菜单 */
+    selectedKeys: string[];
+    /** 打开的菜单 */
+    openKeys?: 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,27 @@
+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, {} & {
+    "open-keys-change": (v: string[]) => any;
+    "menu-item-click": (item: IProMenuItem) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onOpen-keys-change"?: ((v: string[]) => any) | undefined;
+    "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 r, createBlock as s, openBlock as l, unref as p, createSlots as a, withCtx as i, createTextVNode as c, toDisplayString as u, renderSlot as f } from "vue";
+import { MenuItem as k } from "@arco-design/web-vue";
+const g = /* @__PURE__ */ r({
+  __name: "menu-item",
+  props: {
+    item: {}
+  },
+  emits: ["open-keys-change", "menu-item-click"],
+  setup(d, { emit: o }) {
+    const m = o;
+    return (e, t) => {
+      var n;
+      return l(), s(p(k), {
+        key: e.item.name,
+        onClick: t[0] || (t[0] = (y) => m("menu-item-click", e.item))
+      }, a({
+        default: i(() => [
+          c(" " + u(e.item.title), 1)
+        ]),
+        _: 2
+      }, [
+        (n = e.item) != null && n.icon ? {
+          name: "icon",
+          fn: i(() => [
+            f(e.$slots, "icon")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1024);
+    };
+  }
+});
+export {
+  g 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,9 @@
+import { IProMenuItem, IProMenuItemProps } from './interface.ts';
+declare const _default: import('vue').DefineComponent<IProMenuItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "open-keys-change": (v: string[]) => any;
+    "menu-item-click": (item: IProMenuItem) => any;
+}, string, import('vue').PublicProps, Readonly<IProMenuItemProps> & Readonly<{
+    "onOpen-keys-change"?: ((v: string[]) => any) | undefined;
+    "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: ["open-keys-change", "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
+};

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

@@ -1,58 +1,12 @@
-import { PropType } from 'vue';
-import { IProMenuItem } from './interface';
-import { MenuProps } from '@arco-design/web-vue/es/menu/interface';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    mode: {
-        type: PropType<"horizontal" | "vertical">;
-        required: false;
-        default: string;
-    };
-    collapsed: {
-        type: PropType<boolean>;
-        required: false;
-    };
-    selectedKeys: {
-        type: PropType<string[]>;
-        required: true;
-    };
-    items: {
-        type: PropType<IProMenuItem[]>;
-        required: true;
-    };
-    menuProps: {
-        type: PropType<Partial<MenuProps>>;
-        required: false;
-        default: () => {};
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "menu-item-click": (_item: IProMenuItem) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    mode: {
-        type: PropType<"horizontal" | "vertical">;
-        required: false;
-        default: string;
-    };
-    collapsed: {
-        type: PropType<boolean>;
-        required: false;
-    };
-    selectedKeys: {
-        type: PropType<string[]>;
-        required: true;
-    };
-    items: {
-        type: PropType<IProMenuItem[]>;
-        required: true;
-    };
-    menuProps: {
-        type: PropType<Partial<MenuProps>>;
-        required: false;
-        default: () => {};
-    };
-}>> & Readonly<{
-    "onMenu-item-click"?: ((_item: IProMenuItem) => any) | undefined;
+import { IProMenuProps } from './interface';
+declare const _default: import('vue').DefineComponent<IProMenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "open-keys-change": (v: string[]) => any;
+    "menu-item-click": (item: import('./interface').IProMenuItem) => any;
+}, string, import('vue').PublicProps, Readonly<IProMenuProps> & Readonly<{
+    "onOpen-keys-change"?: ((v: string[]) => any) | undefined;
+    "onMenu-item-click"?: ((item: import('./interface').IProMenuItem) => any) | undefined;
 }>, {
     mode: "horizontal" | "vertical";
-    menuProps: Partial<MenuProps>;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;