ele-admin-plus 1.2.1-beta.3 → 1.2.1-beta.5

package/lib/ele-data-table/util.cjs

@@ -1,75 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
-const elementPlus = require("element-plus");
 const core = require("../utils/core");
 const util = require("../ele-pro-layout/util");
-function getCols(cols, pageIndex, slots, slotNormalize, globalTooltip) {
-  const nodes = [];
-  if (cols) {
-    cols.forEach((col) => {
-      nodes.push(
-        vue.h(
-          elementPlus.ElTableColumn,
-          {
-            ...core.omit(col, [
-              "showOverflowTooltip",
-              "filterClassName",
-              "columnKey",
-              "className",
-              "uid",
-              "slot",
-              "headerSlot",
-              "hideInTable",
-              "hideInSetting",
-              "hideInExport",
-              "hideInPrint",
-              "printSlot",
-              "children",
-              "vIf"
-            ]),
-            showOverflowTooltip: getTooltipProps(
-              col.showOverflowTooltip,
-              globalTooltip
-            ),
-            filterClassName: getFilterPopperClass(col.filterClassName),
-            columnKey: col.columnKey ?? col.prop,
-            className: getCellClass(col),
-            index: col.index ?? pageIndex,
-            key: col.uid ?? col.columnKey ?? col.prop
-          },
-          {
-            default: (slotProps) => {
-              const tSlot = getSlot(slots, col.slot);
-              const $index = slotProps == null ? void 0 : slotProps.$index;
-              if (!tSlot || $index == -1 && slotNormalize) {
-                return getCols(
-                  col.children,
-                  pageIndex,
-                  slots,
-                  slotNormalize,
-                  globalTooltip
-                );
-              }
-              return tSlot(slotProps);
-            },
-            header: (slotProps) => {
-              var _a;
-              const title = (_a = slotProps == null ? void 0 : slotProps.column) == null ? void 0 : _a.label;
-              const nodes2 = renderSlot(slots, col.headerSlot, slotProps);
-              return vue.h(
-                "div",
-                { class: "ele-cell-title", title },
-                nodes2 ?? title
-              );
-            }
-          }
-        )
-      );
-    });
-  }
-  return nodes;
-}
 function getRowClass(rowClass, param) {
   if (rowClass != null) {
     if (typeof rowClass === "function") {
@@ -129,42 +62,6 @@ function getTooltipProps(props, globalProps) {
   opt.popperClass = classes.join(" ");
   return opt;
 }
-function getSlot(slots, name) {
-  if (name && slots[name] != null && typeof slots[name] === "function") {
-    return slots[name];
-  }
-}
-function renderSlot(slots, name, props) {
-  const slot = getSlot(slots, name);
-  if (slot != null) {
-    return slot(props || {});
-  }
-}
-function getEmptyProps(emptyProps, emptyText, errorText) {
-  if (emptyProps === false) {
-    return {};
-  }
-  return {
-    imageSize: 68,
-    ...!emptyProps || emptyProps === true ? {} : emptyProps,
-    description: errorText || emptyText,
-    class: "ele-table-empty"
-  };
-}
-function getEmptySlot(slots, emptyProps, emptyText, errorText) {
-  const emptySlot = slots.empty;
-  if (!emptyProps && !emptySlot) {
-    return;
-  }
-  return () => {
-    if (emptySlot) {
-      return emptySlot({ text: emptyText, error: errorText });
-    }
-    if (emptyProps) {
-      return vue.h(elementPlus.ElEmpty, getEmptyProps(emptyProps, emptyText, errorText));
-    }
-  };
-}
 function toggleRowSelectionPro(tableRef, row, selected) {
   var _a, _b;
   if (tableRef == null) {
@@ -500,9 +397,6 @@ exports.arrayIsChanged = arrayIsChanged;
 exports.getBodyRowClass = getBodyRowClass;
 exports.getCellClass = getCellClass;
 exports.getColFixedNumber = getColFixedNumber;
-exports.getCols = getCols;
-exports.getEmptyProps = getEmptyProps;
-exports.getEmptySlot = getEmptySlot;
 exports.getFilterPopperClass = getFilterPopperClass;
 exports.getGlobalTooltipProps = getGlobalTooltipProps;
 exports.getHeadRowClass = getHeadRowClass;
@@ -511,14 +405,12 @@ exports.getRowByKey = getRowByKey;
 exports.getRowClass = getRowClass;
 exports.getRowKeys = getRowKeys;
 exports.getSelectableFunction = getSelectableFunction;
-exports.getSlot = getSlot;
 exports.getStateCols = getStateCols;
 exports.getTableFilter = getTableFilter;
 exports.getTooltipProps = getTooltipProps;
 exports.isDisableRow = isDisableRow;
 exports.isReserveChecked = isReserveChecked;
 exports.mergeTooltipProps = mergeTooltipProps;
-exports.renderSlot = renderSlot;
 exports.toggleRowSelectionPro = toggleRowSelectionPro;
 exports.useEmits = useEmits;
 exports.useMethods = useMethods;

package/lib/ele-data-table/util.d.ts

@@ -1,20 +1,8 @@
-import { Slots, VNode } from 'vue';
 import { Emitter } from '../ele-app/types';
-import { ElEmptyProps, ElTableInstance } from '../ele-app/el';
+import { ElTableInstance } from '../ele-app/el';
 import { dataTableEmits } from './props';
 import { DataKey, DataItem, Column, Columns, Sorter, Filter, GetInstance, TableMethods, ShowOverflowTooltip, TooltipEffect, TooltipOptions, RowClass, RowKey } from './types';
 
-/**
- * 递归获取表格列节点
- * @param cols 列配置
- * @param pageIndex 序号列起始值
- * @param slots 插槽对象
- * @param slotNormalize 是否过滤非正常的插槽渲染
- * @param globalTooltip 表格提示组件属性
- */
-export declare function getCols(cols: Columns | undefined, pageIndex: number | undefined, slots: Slots, slotNormalize: boolean, globalTooltip?: ShowOverflowTooltip): VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}>[];
 /**
  * 获取行的类名
  * @param rowClass 自定义行类名
@@ -53,38 +41,6 @@ export declare function mergeTooltipProps(props?: ShowOverflowTooltip, globalPro
  * @param globalProps 表格提示组件属性
  */
 export declare function getTooltipProps(props?: ShowOverflowTooltip, globalProps?: ShowOverflowTooltip): ShowOverflowTooltip;
-/**
- * 获取插槽
- * @param slots 插槽对象
- * @param name 插槽名称
- */
-export declare function getSlot(slots: Slots, name?: string): import('vue').Slot<any> | undefined;
-/**
- * 渲染插槽
- * @param slots 插槽对象
- * @param name 插槽名称
- * @param props 插槽数据
- */
-export declare function renderSlot(slots: Slots, name?: string, props?: any): VNode[] | undefined;
-/**
- * 获取空组件属性
- * @param emptyProps 空组件属性
- * @param emptyText 空文本
- * @param errorText 错误文本
- */
-export declare function getEmptyProps(emptyProps?: boolean | ElEmptyProps, emptyText?: string, errorText?: string): ElEmptyProps;
-/**
- * 获取空状态插槽
- * @param slots 插槽对象
- * @param emptyProps 空组件属性
- * @param emptyText 空文本
- * @param errorText 错误文本
- */
-export declare function getEmptySlot(slots: Slots, emptyProps?: boolean | ElEmptyProps, emptyText?: string, errorText?: string): (() => VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> | VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}>[] | undefined) | undefined;
 /**
  * 切换表格指定数据的选中状态
  * @param tableRef 表格实例

package/lib/ele-drawer/index.cjs

@@ -35,10 +35,15 @@ const _sfc_main = vue.defineComponent({
       return util$1.getModalContainer(
         props2.inner,
         false,
-        void 0,
+        props2.appendTo,
         layoutState.modalsEl
       );
     });
+    const teleportDisabled = vue.computed(() => {
+      const appendTo = props2.appendTo || "body";
+      const disabled = appendTo === "body" ? !props2.appendToBody : false;
+      return props2.inner ? false : disabled;
+    });
     const handleClose = () => {
       if (drawerRef.value && drawerRef.value.handleClose) {
         drawerRef.value.handleClose();
@@ -75,6 +80,7 @@ const _sfc_main = vue.defineComponent({
       drawerRef,
       drawerClass,
       teleportTo,
+      teleportDisabled,
       handleClose,
       updateModelValue,
       handleDrawerOpen,
@@ -101,7 +107,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElDrawer = vue.resolveComponent("ElDrawer");
   return vue.openBlock(), vue.createBlock(vue.Teleport, {
     to: _ctx.teleportTo,
-    disabled: _ctx.inner ? false : !_ctx.appendToBody
+    disabled: _ctx.teleportDisabled
   }, [
     vue.createVNode(_component_ElDrawer, vue.mergeProps(_ctx.$attrs, {
       ref: "drawerRef",

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

@@ -13,7 +13,7 @@ declare const _default: import('vue').DefineComponent<{
     modalFade: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     headerAriaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
     appendToBody: BooleanConstructor;
-    appendTo: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "body", boolean>;
+    appendTo: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown, "body", boolean>;
     beforeClose: {
         readonly type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
         readonly required: false;
@@ -47,7 +47,7 @@ declare const _default: import('vue').DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    trapFocus: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    trapFocus: BooleanConstructor;
     center: BooleanConstructor;
     alignCenter: BooleanConstructor;
     closeIcon: {
@@ -66,6 +66,7 @@ declare const _default: import('vue').DefineComponent<{
     drawerRef: import('vue').Ref<ElDrawerInstance>;
     drawerClass: import('vue').ComputedRef<string>;
     teleportTo: import('vue').ComputedRef<string | Element>;
+    teleportDisabled: import('vue').ComputedRef<boolean>;
     handleClose: () => void;
     updateModelValue: (value: boolean) => void;
     handleDrawerOpen: () => void;
@@ -95,7 +96,7 @@ declare const _default: import('vue').DefineComponent<{
     modalFade: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     headerAriaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
     appendToBody: BooleanConstructor;
-    appendTo: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "body", boolean>;
+    appendTo: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown, "body", boolean>;
     beforeClose: {
         readonly type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
         readonly required: false;
@@ -129,7 +130,7 @@ declare const _default: import('vue').DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    trapFocus: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    trapFocus: BooleanConstructor;
     center: BooleanConstructor;
     alignCenter: BooleanConstructor;
     closeIcon: {
@@ -146,10 +147,10 @@ declare const _default: import('vue').DefineComponent<{
     ariaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
 }>> & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onOpenAutoFocus?: (() => any) | undefined;
-    onCloseAutoFocus?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
+    onOpenAutoFocus?: (() => any) | undefined;
+    onCloseAutoFocus?: (() => any) | undefined;
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
 }, {
@@ -158,7 +159,7 @@ declare const _default: import('vue').DefineComponent<{
     center: boolean;
     modelValue: boolean;
     appendToBody: boolean;
-    appendTo: string;
+    appendTo: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown>;
     destroyOnClose: boolean;
     closeOnClickModal: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     closeOnPressEscape: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -166,7 +167,7 @@ declare const _default: import('vue').DefineComponent<{
     modal: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     openDelay: number;
     closeDelay: number;
-    trapFocus: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    trapFocus: boolean;
     headerAriaLevel: string;
     alignCenter: boolean;
     draggable: boolean;

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

@@ -23,7 +23,7 @@ export declare const drawerProps: {
     modalFade: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     headerAriaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
     appendToBody: BooleanConstructor;
-    appendTo: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "body", boolean>;
+    appendTo: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown, "body", boolean>;
     beforeClose: {
         readonly type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
         readonly required: false;
@@ -57,7 +57,7 @@ export declare const drawerProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    trapFocus: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    trapFocus: BooleanConstructor;
     center: BooleanConstructor;
     alignCenter: BooleanConstructor;
     closeIcon: {

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

@@ -0,0 +1,131 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const icons = require("../../icons");
+const _sfc_main = vue.defineComponent({
+  name: "DropdownMenuItem",
+  components: { ElIcon: elementPlus.ElIcon, ArrowRight: icons.ArrowRight },
+  props: {
+    /** 菜单项数据 */
+    item: {
+      type: Object,
+      required: true
+    },
+    /** 选中的菜单 */
+    selected: [String, Number, Object],
+    /** 自定义图标属性 */
+    iconProps: Object
+  },
+  emits: {
+    itemClick: (_item) => true,
+    wrapperContext: (_e) => true
+  },
+  setup(props, { emit }) {
+    const itemRef = vue.ref(null);
+    const subMenuRef = vue.ref(null);
+    const placement = vue.ref();
+    const handleItemClick = () => {
+      if (props.item.disabled) {
+        return;
+      }
+      emit("itemClick", props.item);
+    };
+    const handleItemMouseenter = () => {
+      const subMenuEl = subMenuRef.value;
+      if (!subMenuEl || !itemRef.value) {
+        return;
+      }
+      const rect = itemRef.value.getBoundingClientRect();
+      const rightOver = rect.right + subMenuEl.offsetWidth > window.innerWidth;
+      const bottomOver = rect.top + subMenuEl.offsetHeight > window.innerHeight;
+      if (rightOver && bottomOver) {
+        placement.value = "leftEnd";
+      } else if (rightOver) {
+        placement.value = "leftStart";
+      } else if (bottomOver) {
+        placement.value = "rightEnd";
+      } else {
+        placement.value = void 0;
+      }
+    };
+    const handleWrapperContext = (e) => {
+      emit("wrapperContext", e);
+    };
+    return {
+      itemRef,
+      subMenuRef,
+      placement,
+      handleItemClick,
+      handleItemMouseenter,
+      handleWrapperContext
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = {
+  key: 0,
+  class: "ele-dropdown-menu-divider"
+};
+const _hoisted_2 = { key: 1 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElIcon = vue.resolveComponent("ElIcon");
+  const _component_ArrowRight = vue.resolveComponent("ArrowRight");
+  return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+    _ctx.item.divided ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1)) : vue.createCommentVNode("", true),
+    vue.createElementVNode("div", {
+      ref: "itemRef",
+      class: vue.normalizeClass([
+        "ele-dropdown-menu-item",
+        { "is-disabled": !!_ctx.item.disabled },
+        { "is-active": _ctx.selected === _ctx.item.command },
+        { "is-danger": !!_ctx.item.danger }
+      ]),
+      onClick: _cache[2] || (_cache[2] = vue.withModifiers((...args) => _ctx.handleItemClick && _ctx.handleItemClick(...args), ["stop"])),
+      onMouseenter: _cache[3] || (_cache[3] = (...args) => _ctx.handleItemMouseenter && _ctx.handleItemMouseenter(...args))
+    }, [
+      _ctx.item.slot && _ctx.item.slot !== "default" && _ctx.item.slot !== "subMenus" && _ctx.$slots[_ctx.item.slot] ? vue.renderSlot(_ctx.$slots, _ctx.item.slot, {
+        key: 0,
+        item: _ctx.item
+      }) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+        _ctx.item.icon ? (vue.openBlock(), vue.createBlock(_component_ElIcon, vue.normalizeProps(vue.mergeProps({ key: 0 }, { ..._ctx.iconProps || {}, ..._ctx.item.iconProps || {} })), {
+          default: vue.withCtx(() => [
+            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.item.icon), {
+              style: vue.normalizeStyle(_ctx.item.iconStyle)
+            }, null, 8, ["style"]))
+          ]),
+          _: 1
+        }, 16)) : vue.createCommentVNode("", true),
+        _ctx.item.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(_ctx.item.title), 1)) : vue.createCommentVNode("", true)
+      ], 64)),
+      _ctx.item.children && _ctx.item.children.length ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+        vue.createVNode(_component_ElIcon, { class: "ele-dropdown-menu-item-arrow" }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_ArrowRight)
+          ]),
+          _: 1
+        }),
+        vue.createElementVNode("div", {
+          ref: "subMenuRef",
+          class: vue.normalizeClass(["ele-dropdown-wrapper is-sub-menu", [
+            { "is-right-end": _ctx.placement === "rightEnd" },
+            { "is-left-start": _ctx.placement === "leftStart" },
+            { "is-left-end": _ctx.placement === "leftEnd" }
+          ]]),
+          onContextmenu: _cache[0] || (_cache[0] = (...args) => _ctx.handleWrapperContext && _ctx.handleWrapperContext(...args)),
+          onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
+          }, ["stop"]))
+        }, [
+          vue.renderSlot(_ctx.$slots, "subMenus")
+        ], 34)
+      ], 64)) : vue.createCommentVNode("", true)
+    ], 34)
+  ], 64);
+}
+const dropdownMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = dropdownMenuItem;

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

@@ -0,0 +1,39 @@
+import { PropType } from 'vue';
+import { ElIconProps } from '../../ele-app/el';
+import { DropdownItem } from '../types';
+
+declare const _default: import('vue').DefineComponent<{
+    /** 菜单项数据 */
+    item: {
+        type: PropType<DropdownItem>;
+        required: true;
+    };
+    /** 选中的菜单 */
+    selected: PropType<DropdownItem["command"]>;
+    /** 自定义图标属性 */
+    iconProps: PropType<ElIconProps>;
+}, {
+    itemRef: import('vue').Ref<HTMLDivElement | null>;
+    subMenuRef: import('vue').Ref<HTMLDivElement | null>;
+    placement: import('vue').Ref<"rightEnd" | "leftStart" | "leftEnd" | undefined>;
+    handleItemClick: () => void;
+    handleItemMouseenter: () => void;
+    handleWrapperContext: (e: MouseEvent) => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    itemClick: (_item: DropdownItem) => true;
+    wrapperContext: (_e: MouseEvent) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 菜单项数据 */
+    item: {
+        type: PropType<DropdownItem>;
+        required: true;
+    };
+    /** 选中的菜单 */
+    selected: PropType<DropdownItem["command"]>;
+    /** 自定义图标属性 */
+    iconProps: PropType<ElIconProps>;
+}>> & {
+    onItemClick?: ((_item: DropdownItem) => any) | undefined;
+    onWrapperContext?: ((_e: MouseEvent) => any) | undefined;
+}, {}, {}>;
+export default _default;

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

@@ -0,0 +1,110 @@
+"use strict";
+const vue = require("vue");
+const DropdownMenuItem = require("./dropdown-menu-item");
+const _sfc_main = vue.defineComponent({
+  name: "DropdownMenus",
+  components: { DropdownMenuItem },
+  props: {
+    /** 下拉菜单数据 */
+    items: {
+      type: Array,
+      required: true
+    },
+    /** 选中的菜单 */
+    selected: [String, Number, Object],
+    /** 自定义下拉菜单样式 */
+    menuStyle: Object,
+    /** 自定义图标属性 */
+    iconProps: Object,
+    /** 尺寸 */
+    size: String
+  },
+  emits: {
+    itemClick: (_item) => true,
+    wrapperContext: (_e) => true
+  },
+  setup(_props, { emit }) {
+    const handleItemClick = (item) => {
+      if (item.disabled) {
+        return;
+      }
+      emit("itemClick", item);
+    };
+    const handleWrapperContext = (e) => {
+      emit("wrapperContext", e);
+    };
+    return {
+      handleItemClick,
+      handleWrapperContext
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_DropdownMenus = vue.resolveComponent("DropdownMenus", true);
+  const _component_DropdownMenuItem = vue.resolveComponent("DropdownMenuItem");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass([
+      "ele-dropdown-menu",
+      { "is-small": _ctx.size === "small" },
+      { "is-large": _ctx.size === "large" }
+    ]),
+    style: vue.normalizeStyle(_ctx.menuStyle)
+  }, [
+    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item) => {
+      return vue.openBlock(), vue.createBlock(_component_DropdownMenuItem, {
+        key: item.key == null ? JSON.stringify(item.command) : item.key,
+        item,
+        selected: _ctx.selected,
+        iconProps: _ctx.iconProps,
+        onItemClick: _ctx.handleItemClick,
+        onWrapperContext: _ctx.handleWrapperContext
+      }, vue.createSlots({ _: 2 }, [
+        vue.renderList(Object.keys(_ctx.$slots).filter(
+          (k) => "default" !== k && "subMenus" !== k
+        ), (name) => {
+          return {
+            name,
+            fn: vue.withCtx((slotProps) => [
+              vue.renderSlot(_ctx.$slots, name, vue.mergeProps({ ref_for: true }, slotProps || {}))
+            ])
+          };
+        }),
+        item.children && item.children.length ? {
+          name: "subMenus",
+          fn: vue.withCtx(() => [
+            vue.createVNode(_component_DropdownMenus, {
+              items: item.children,
+              selected: _ctx.selected,
+              menuStyle: _ctx.menuStyle,
+              iconProps: _ctx.iconProps,
+              size: _ctx.size,
+              onItemClick: _ctx.handleItemClick,
+              onWrapperContext: _ctx.handleWrapperContext
+            }, vue.createSlots({ _: 2 }, [
+              vue.renderList(Object.keys(_ctx.$slots).filter(
+                (k) => "default" !== k && "subMenus" !== k
+              ), (name) => {
+                return {
+                  name,
+                  fn: vue.withCtx((slotProps) => [
+                    vue.renderSlot(_ctx.$slots, name, vue.mergeProps({ ref_for: true }, slotProps || {}))
+                  ])
+                };
+              })
+            ]), 1032, ["items", "selected", "menuStyle", "iconProps", "size", "onItemClick", "onWrapperContext"])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["item", "selected", "iconProps", "onItemClick", "onWrapperContext"]);
+    }), 128))
+  ], 6);
+}
+const dropdownMenus = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = dropdownMenus;

package/lib/ele-dropdown/components/dropdown-menus.d.ts

@@ -0,0 +1,44 @@
+import { PropType } from 'vue';
+import { ElIconProps, ElButtonProps } from '../../ele-app/el';
+import { StyleValue } from '../../ele-app/types';
+import { DropdownItem } from '../types';
+
+declare const _default: import('vue').DefineComponent<{
+    /** 下拉菜单数据 */
+    items: {
+        type: PropType<DropdownItem[]>;
+        required: true;
+    };
+    /** 选中的菜单 */
+    selected: PropType<DropdownItem["command"]>;
+    /** 自定义下拉菜单样式 */
+    menuStyle: PropType<StyleValue>;
+    /** 自定义图标属性 */
+    iconProps: PropType<ElIconProps>;
+    /** 尺寸 */
+    size: PropType<ElButtonProps["size"]>;
+}, {
+    handleItemClick: (item: DropdownItem) => void;
+    handleWrapperContext: (e: MouseEvent) => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    itemClick: (_item: DropdownItem) => true;
+    wrapperContext: (_e: MouseEvent) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 下拉菜单数据 */
+    items: {
+        type: PropType<DropdownItem[]>;
+        required: true;
+    };
+    /** 选中的菜单 */
+    selected: PropType<DropdownItem["command"]>;
+    /** 自定义下拉菜单样式 */
+    menuStyle: PropType<StyleValue>;
+    /** 自定义图标属性 */
+    iconProps: PropType<ElIconProps>;
+    /** 尺寸 */
+    size: PropType<ElButtonProps["size"]>;
+}>> & {
+    onItemClick?: ((_item: DropdownItem) => any) | undefined;
+    onWrapperContext?: ((_e: MouseEvent) => any) | undefined;
+}, {}, {}>;
+export default _default;