ele-admin-plus 1.4.1-beta.1 → 1.5.0-beta.1

package/lib/ele-drawer/index.d.ts

@@ -3,16 +3,32 @@ import { ElDrawerInstance } from '../ele-app/el';
 declare function __VLS_template(): {
     header?(_: {}): any;
     closeBtn?(_: {}): any;
-    default?(_: {}): any;
     footer?(_: {}): any;
+    default?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    appendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inner: BooleanConstructor;
     headerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     titleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     footerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     closeBtnStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-    inner: BooleanConstructor;
+    drawerBodyClass: StringConstructor;
+    isDeactivated: BooleanConstructor;
+    compLoading: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingProps: import('vue').PropType<import('../ele-app/plus').EleLoadingProps>;
+    responsive: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    flexTable: import('vue').PropType<boolean | "auto">;
+    customFooter: BooleanConstructor;
+    form: BooleanConstructor;
     direction: {
         readonly type: import('vue').PropType<"ltr" | "rtl" | "ttb" | "btt">;
         readonly required: false;
@@ -21,6 +37,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     } & {
         readonly default: "rtl";
     };
+    resizable: BooleanConstructor;
     size: {
         readonly type: import('vue').PropType<string | number>;
         readonly required: false;
@@ -53,7 +70,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     } & {
         readonly default: "2";
     };
-    appendToBody: BooleanConstructor;
     appendTo: {
         readonly type: import('vue').PropType<string | HTMLElement>;
         readonly required: false;
@@ -101,6 +117,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     } & {
         readonly default: true;
     };
+    modalPenetrable: BooleanConstructor;
     openDelay: {
         readonly type: import('vue').PropType<number>;
         readonly required: false;
@@ -141,16 +158,45 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         __epPropKey: true;
     };
     trapFocus: BooleanConstructor;
+    transition: {
+        readonly type: import('vue').PropType<import('element-plus').DialogTransition>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
     center: BooleanConstructor;
-    alignCenter: BooleanConstructor;
+    alignCenter: {
+        readonly type: import('vue').PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
     closeIcon: {
         readonly type: import('vue').PropType<string | import('vue').Component>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    draggable: BooleanConstructor;
-    overflow: BooleanConstructor;
+    draggable: {
+        readonly type: import('vue').PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    overflow: {
+        readonly type: import('vue').PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
     fullscreen: BooleanConstructor;
     showClose: {
         readonly type: import('vue').PropType<boolean>;
@@ -183,17 +229,33 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     close: () => void;
     open: () => void;
     "update:modelValue": (value: boolean) => void;
-    opened: () => void;
     closed: () => void;
+    opened: () => void;
     openAutoFocus: () => void;
     closeAutoFocus: () => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    appendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inner: BooleanConstructor;
     headerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     titleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     footerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     closeBtnStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-    inner: BooleanConstructor;
+    drawerBodyClass: StringConstructor;
+    isDeactivated: BooleanConstructor;
+    compLoading: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingProps: import('vue').PropType<import('../ele-app/plus').EleLoadingProps>;
+    responsive: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    flexTable: import('vue').PropType<boolean | "auto">;
+    customFooter: BooleanConstructor;
+    form: BooleanConstructor;
     direction: {
         readonly type: import('vue').PropType<"ltr" | "rtl" | "ttb" | "btt">;
         readonly required: false;
@@ -202,6 +264,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     } & {
         readonly default: "rtl";
     };
+    resizable: BooleanConstructor;
     size: {
         readonly type: import('vue').PropType<string | number>;
         readonly required: false;
@@ -234,7 +297,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     } & {
         readonly default: "2";
     };
-    appendToBody: BooleanConstructor;
     appendTo: {
         readonly type: import('vue').PropType<string | HTMLElement>;
         readonly required: false;
@@ -282,6 +344,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     } & {
         readonly default: true;
     };
+    modalPenetrable: BooleanConstructor;
     openDelay: {
         readonly type: import('vue').PropType<number>;
         readonly required: false;
@@ -322,16 +385,45 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         __epPropKey: true;
     };
     trapFocus: BooleanConstructor;
+    transition: {
+        readonly type: import('vue').PropType<import('element-plus').DialogTransition>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
     center: BooleanConstructor;
-    alignCenter: BooleanConstructor;
+    alignCenter: {
+        readonly type: import('vue').PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
     closeIcon: {
         readonly type: import('vue').PropType<string | import('vue').Component>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    draggable: BooleanConstructor;
-    overflow: BooleanConstructor;
+    draggable: {
+        readonly type: import('vue').PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    overflow: {
+        readonly type: import('vue').PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
     fullscreen: BooleanConstructor;
     showClose: {
         readonly type: import('vue').PropType<boolean>;
@@ -361,26 +453,30 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
+    onOpened?: (() => any) | undefined;
     onOpenAutoFocus?: (() => any) | undefined;
     onCloseAutoFocus?: (() => any) | undefined;
 }>, {
+    form: boolean;
     title: string;
     center: boolean;
     modelValue: boolean;
     appendTo: string | HTMLElement;
     size: string | number;
+    loading: boolean;
     appendToBody: boolean;
     destroyOnClose: boolean;
     closeOnClickModal: boolean;
     closeOnPressEscape: boolean;
     lockScroll: boolean;
     modal: boolean;
+    modalPenetrable: boolean;
     openDelay: number;
     closeDelay: number;
     trapFocus: boolean;
     headerAriaLevel: string;
+    transition: import('element-plus').DialogTransition;
     alignCenter: boolean;
     draggable: boolean;
     overflow: boolean;
@@ -388,9 +484,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     showClose: boolean;
     ariaLevel: string;
     direction: "ltr" | "rtl" | "ttb" | "btt";
+    resizable: boolean;
     withHeader: boolean;
     modalFade: boolean;
+    responsive: boolean;
     inner: boolean;
+    isDeactivated: boolean;
+    compLoading: boolean;
+    customFooter: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/lib/ele-drawer/props.cjs

@@ -3,6 +3,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const elementPlus = require("element-plus");
 const drawerProps = {
   ...elementPlus.drawerProps,
+  appendToBody: {
+    type: Boolean,
+    default: true
+  },
+  /** 是否限制在主体内部 */
+  inner: Boolean,
   /** 自定义标题样式 */
   headerStyle: Object,
   /** 标题样式 */
@@ -13,11 +19,34 @@ const drawerProps = {
   footerStyle: Object,
   /** 自定义关闭按钮样式 */
   closeBtnStyle: Object,
-  /** 是否限制在主体内部 */
-  inner: Boolean
+  /** 主体类名 */
+  drawerBodyClass: String,
+  /** 是否是失活状态 */
+  isDeactivated: Boolean,
+  /** 异步内容组件时加载状态 */
+  compLoading: Boolean,
+  /** 加载状态 */
+  loading: Boolean,
+  /** 加载组件属性 */
+  loadingProps: Object,
+  /** 是否开启响应式 */
+  responsive: {
+    type: Boolean,
+    default: null
+  },
+  /** 内部表格弹性布局 */
+  flexTable: [Boolean, String],
+  /** 是否是在内容区添加自定义底栏 */
+  customFooter: Boolean,
+  /** 是否是表单抽屉 */
+  form: Boolean
+};
+const drawerEmits = {
+  ...elementPlus.drawerEmits
 };
 const elDrawerPropKeys = Object.keys(
   elementPlus.drawerProps
 );
+exports.drawerEmits = drawerEmits;
 exports.drawerProps = drawerProps;
 exports.elDrawerPropKeys = elDrawerPropKeys;

package/lib/ele-drawer/props.d.ts

@@ -1,11 +1,18 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { PropType, ExtractPropTypes, EmitsToProps } from 'vue';
 import { drawerProps as elDrawerProps } from 'element-plus';
+import { EleLoadingProps } from '../ele-app/plus';
 import { StyleValue } from '../ele-app/types';
 
 /**
  * 属性
  */
 export declare const drawerProps: {
+    appendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 是否限制在主体内部 */
+    inner: BooleanConstructor;
     /** 自定义标题样式 */
     headerStyle: PropType<StyleValue>;
     /** 标题样式 */
@@ -16,8 +23,27 @@ export declare const drawerProps: {
     footerStyle: PropType<StyleValue>;
     /** 自定义关闭按钮样式 */
     closeBtnStyle: PropType<StyleValue>;
-    /** 是否限制在主体内部 */
-    inner: BooleanConstructor;
+    /** 主体类名 */
+    drawerBodyClass: StringConstructor;
+    /** 是否是失活状态 */
+    isDeactivated: BooleanConstructor;
+    /** 异步内容组件时加载状态 */
+    compLoading: BooleanConstructor;
+    /** 加载状态 */
+    loading: BooleanConstructor;
+    /** 加载组件属性 */
+    loadingProps: PropType<EleLoadingProps>;
+    /** 是否开启响应式 */
+    responsive: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    /** 内部表格弹性布局 */
+    flexTable: PropType<boolean | "auto">;
+    /** 是否是在内容区添加自定义底栏 */
+    customFooter: BooleanConstructor;
+    /** 是否是表单抽屉 */
+    form: BooleanConstructor;
     direction: {
         readonly type: PropType<"ltr" | "rtl" | "ttb" | "btt">;
         readonly required: false;
@@ -26,6 +52,7 @@ export declare const drawerProps: {
     } & {
         readonly default: "rtl";
     };
+    resizable: BooleanConstructor;
     size: {
         readonly type: PropType<string | number>;
         readonly required: false;
@@ -58,7 +85,6 @@ export declare const drawerProps: {
     } & {
         readonly default: "2";
     };
-    appendToBody: BooleanConstructor;
     appendTo: {
         readonly type: PropType<string | HTMLElement>;
         readonly required: false;
@@ -106,6 +132,7 @@ export declare const drawerProps: {
     } & {
         readonly default: true;
     };
+    modalPenetrable: BooleanConstructor;
     openDelay: {
         readonly type: PropType<number>;
         readonly required: false;
@@ -146,16 +173,45 @@ export declare const drawerProps: {
         __epPropKey: true;
     };
     trapFocus: BooleanConstructor;
+    transition: {
+        readonly type: PropType<import('element-plus').DialogTransition>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
     center: BooleanConstructor;
-    alignCenter: BooleanConstructor;
+    alignCenter: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
     closeIcon: {
         readonly type: PropType<string | import('vue').Component>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    draggable: BooleanConstructor;
-    overflow: BooleanConstructor;
+    draggable: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    overflow: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
     fullscreen: BooleanConstructor;
     showClose: {
         readonly type: PropType<boolean>;
@@ -183,8 +239,22 @@ export declare const drawerProps: {
     };
 };
 export type DrawerProps = ExtractPropTypes<typeof drawerProps>;
-export type ElDrawerPropKeys = Array<keyof typeof elDrawerProps>;
+/**
+ * 事件
+ */
+export declare const drawerEmits: {
+    open: () => boolean;
+    opened: () => boolean;
+    close: () => boolean;
+    closed: () => boolean;
+    "update:modelValue": (value: boolean) => boolean;
+    openAutoFocus: () => boolean;
+    closeAutoFocus: () => boolean;
+};
+export type DrawerEmitsProps = EmitsToProps<typeof drawerEmits>;
+export type DrawerPropsAndEmits = DrawerProps & DrawerEmitsProps;
 /**
  * 抽屉组件属性名
  */
+export type ElDrawerPropKeys = Array<keyof typeof elDrawerProps>;
 export declare const elDrawerPropKeys: ElDrawerPropKeys;

package/lib/ele-drawer/style/index.cjs

@@ -1,4 +1,5 @@
 "use strict";
 require("element-plus/es/components/drawer/style/index");
 require("element-plus/es/components/icon/style/index");
+require("../../ele-loading/style/index");
 require("./index.scss");

package/lib/ele-drawer/style/index.scss

@@ -1,11 +1,17 @@
 @use '../../style/themes/default.scss' as *;
 @use '../../style/util.scss' as *;
+@use '../../ele-pro-table/style/css-var.scss' as *;
 @use './css-var.scss' as *;
 
 @include set-drawer-var($ele);
 
 /* 抽屉 */
 .ele-drawer {
+  &.el-drawer-fade-enter-active *,
+  &.el-drawer-fade-leave-active * {
+    pointer-events: none !important;
+  }
+
   &.el-overlay {
     overflow: hidden;
   }
@@ -75,9 +81,14 @@
 .ele-drawer-body {
   padding: eleVar('drawer', 'body-padding');
   box-sizing: border-box;
+
+  &.is-form {
+    padding: eleVar('drawer', 'form-body-padding');
+  }
 }
 
 .ele-drawer-footer {
+  flex-shrink: 0;
   padding: eleVar('drawer', 'footer-padding');
   border-top: eleVar('drawer', 'footer-border');
   box-sizing: border-box;
@@ -88,6 +99,12 @@
   display: none !important;
 }
 
+/* 最大宽度适应屏幕 */
+.ele-drawer-responsive > .el-drawer {
+  max-width: 100%;
+  max-height: 100%;
+}
+
 /* 限制在主体区域 */
 .ele-admin-modals > .ele-drawer {
   height: auto;
@@ -98,3 +115,78 @@
     transition: (width $transition-base, left $transition-base);
   }
 }
+
+/* 内容异步组件加载状态 */
+.ele-drawer-comp-loading > .el-drawer > .el-drawer__body > .ele-loading {
+  background: none;
+  pointer-events: none;
+}
+
+/* 内部表格弹性布局 */
+.ele-drawer-flex-table > .el-drawer > .el-drawer__body {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+
+  & > .ele-drawer-body {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    overflow: auto;
+
+    @include flex-pro-table();
+  }
+}
+
+.ele-drawer-flex-auto-table > .el-drawer > .el-drawer__body {
+  display: flex;
+  flex-direction: column;
+
+  & > .ele-drawer-body {
+    flex: auto;
+    display: flex;
+    flex-direction: column;
+
+    @include flex-auto-pro-table();
+  }
+}
+
+/* 在内容区添加自定义底栏 */
+.ele-drawer-custom-footer > .el-drawer > .el-drawer__body {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+
+  & > .ele-drawer-body {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    padding: 0;
+
+    & > .ele-drawer-custom-footer,
+    & > .ele-buttons.is-modal-footer {
+      flex-shrink: 0;
+      padding: eleVar('drawer', 'footer-padding');
+      border-top: eleVar('drawer', 'footer-border');
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+    }
+
+    & > .ele-drawer-custom-body,
+    & > .el-form {
+      flex: 1;
+      box-sizing: border-box;
+      padding: eleVar('drawer', 'body-padding');
+      overflow: auto;
+    }
+
+    &.is-form {
+      & > .ele-drawer-custom-body,
+      & > .el-form {
+        padding: eleVar('drawer', 'form-body-padding');
+      }
+    }
+  }
+}

package/lib/ele-dropdown/components/dropdown-menu-item.cjs

@@ -22,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     iconProps: Object
   },
   emits: {
-    itemClick: (_item) => true,
+    itemClick: (_item, _e) => true,
     wrapperContext: (_e) => true
   },
   setup(__props, { emit: __emit }) {
@@ -31,11 +31,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const itemRef = vue.ref(null);
     const subMenuRef = vue.ref(null);
     const placement = vue.ref();
-    const handleItemClick = () => {
+    const handleItemClick = (e) => {
       if (props.item.disabled) {
         return;
       }
-      emit("itemClick", props.item);
+      emit("itemClick", props.item, e);
     };
     const handleItemMouseenter = () => {
       const subMenuEl = subMenuRef.value;
@@ -64,12 +64,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", {
           ref_key: "itemRef",
           ref: itemRef,
-          class: vue.normalizeClass([
-            "ele-dropdown-menu-item",
+          class: vue.normalizeClass(["ele-dropdown-menu-item", [
             { "is-disabled": !!__props.item.disabled },
-            { "is-active": __props.selected === __props.item.command },
+            { "is-active": __props.item.command != null && __props.selected === __props.item.command },
             { "is-danger": !!__props.item.danger }
-          ]),
+          ]]),
           onClick: vue.withModifiers(handleItemClick, ["stop"]),
           onMouseenter: handleItemMouseenter
         }, [

package/lib/ele-dropdown/components/dropdown-menu-item.d.ts

@@ -18,7 +18,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     /** 自定义图标属性 */
     iconProps: PropType<ElIconProps>;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    itemClick: (_item: DropdownItem) => void;
+    itemClick: (_item: DropdownItem, _e: MouseEvent) => void;
     wrapperContext: (_e: MouseEvent) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 菜单项数据 */
@@ -31,7 +31,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     /** 自定义图标属性 */
     iconProps: PropType<ElIconProps>;
 }>> & Readonly<{
-    onItemClick?: ((_item: DropdownItem) => any) | undefined;
+    onItemClick?: ((_item: DropdownItem, _e: MouseEvent) => any) | undefined;
     onWrapperContext?: ((_e: MouseEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/lib/ele-dropdown/components/dropdown-menus.cjs

@@ -16,20 +16,22 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     menuStyle: Object,
     /** 自定义图标属性 */
     iconProps: Object,
+    /** 图标尺寸 */
+    iconSize: String,
     /** 尺寸 */
     size: String
   },
   emits: {
-    itemClick: (_item) => true,
+    itemClick: (_item, _e) => true,
     wrapperContext: (_e) => true
   },
   setup(__props, { emit: __emit }) {
     const emit = __emit;
-    const handleItemClick = (item) => {
+    const handleItemClick = (item, e) => {
       if (item.disabled) {
         return;
       }
-      emit("itemClick", item);
+      emit("itemClick", item, e);
     };
     const handleWrapperContext = (e) => {
       emit("wrapperContext", e);
@@ -37,16 +39,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       const _component_DropdownMenus = vue.resolveComponent("DropdownMenus", true);
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass([
-          "ele-dropdown-menu",
+        class: vue.normalizeClass(["ele-dropdown-menu", [
+          { "ele-dropdown-icon-small": __props.iconSize === "small" },
           { "is-small": __props.size === "small" },
           { "is-large": __props.size === "large" }
-        ]),
+        ]]),
         style: vue.normalizeStyle(__props.menuStyle)
       }, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item) => {
           return vue.openBlock(), vue.createBlock(DropdownMenuItem, {
-            key: item.key == null ? JSON.stringify(item.command) : item.key,
+            key: JSON.stringify(item.key ?? item.command ?? item.title),
             item,
             selected: __props.selected,
             iconProps: __props.iconProps,