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

package/es/ele-data-table/util.js

@@ -1,73 +1,6 @@
-import { h, unref, computed, onDeactivated, onActivated } from "vue";
-import { ElTableColumn, ElEmpty } from "element-plus";
-import { omit, mapTree, findTree, eachTree, getValue } from "../utils/core";
+import { unref, computed, onDeactivated, onActivated } from "vue";
+import { mapTree, findTree, eachTree, getValue } from "../utils/core";
 import { useLayoutState } from "../ele-pro-layout/util";
-function getCols(cols, pageIndex, slots, slotNormalize, globalTooltip) {
-  const nodes = [];
-  if (cols) {
-    cols.forEach((col) => {
-      nodes.push(
-        h(
-          ElTableColumn,
-          {
-            ...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 h(
-                "div",
-                { class: "ele-cell-title", title },
-                nodes2 ?? title
-              );
-            }
-          }
-        )
-      );
-    });
-  }
-  return nodes;
-}
 function getRowClass(rowClass, param) {
   if (rowClass != null) {
     if (typeof rowClass === "function") {
@@ -127,42 +60,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 h(ElEmpty, getEmptyProps(emptyProps, emptyText, errorText));
-    }
-  };
-}
 function toggleRowSelectionPro(tableRef, row, selected) {
   var _a, _b;
   if (tableRef == null) {
@@ -499,9 +396,6 @@ export {
   getBodyRowClass,
   getCellClass,
   getColFixedNumber,
-  getCols,
-  getEmptyProps,
-  getEmptySlot,
   getFilterPopperClass,
   getGlobalTooltipProps,
   getHeadRowClass,
@@ -510,14 +404,12 @@ export {
   getRowClass,
   getRowKeys,
   getSelectableFunction,
-  getSlot,
   getStateCols,
   getTableFilter,
   getTooltipProps,
   isDisableRow,
   isReserveChecked,
   mergeTooltipProps,
-  renderSlot,
   toggleRowSelectionPro,
   useEmits,
   useMethods,

package/es/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/es/ele-drawer/index.js

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

package/es/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/es/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/es/ele-dropdown/components/dropdown-menu-item.js

@@ -0,0 +1,132 @@
+import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, normalizeClass, withModifiers, renderSlot, createBlock, normalizeProps, mergeProps, withCtx, resolveDynamicComponent, normalizeStyle, toDisplayString, createVNode } from "vue";
+import { ElIcon } from "element-plus";
+import { ArrowRight } from "../../icons";
+const _sfc_main = defineComponent({
+  name: "DropdownMenuItem",
+  components: { ElIcon, 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 = ref(null);
+    const subMenuRef = ref(null);
+    const placement = 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 = resolveComponent("ElIcon");
+  const _component_ArrowRight = resolveComponent("ArrowRight");
+  return openBlock(), createElementBlock(Fragment, null, [
+    _ctx.item.divided ? (openBlock(), createElementBlock("div", _hoisted_1)) : createCommentVNode("", true),
+    createElementVNode("div", {
+      ref: "itemRef",
+      class: 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] = 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] ? renderSlot(_ctx.$slots, _ctx.item.slot, {
+        key: 0,
+        item: _ctx.item
+      }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+        _ctx.item.icon ? (openBlock(), createBlock(_component_ElIcon, normalizeProps(mergeProps({ key: 0 }, { ..._ctx.iconProps || {}, ..._ctx.item.iconProps || {} })), {
+          default: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(_ctx.item.icon), {
+              style: normalizeStyle(_ctx.item.iconStyle)
+            }, null, 8, ["style"]))
+          ]),
+          _: 1
+        }, 16)) : createCommentVNode("", true),
+        _ctx.item.title ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.item.title), 1)) : createCommentVNode("", true)
+      ], 64)),
+      _ctx.item.children && _ctx.item.children.length ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+        createVNode(_component_ElIcon, { class: "ele-dropdown-menu-item-arrow" }, {
+          default: withCtx(() => [
+            createVNode(_component_ArrowRight)
+          ]),
+          _: 1
+        }),
+        createElementVNode("div", {
+          ref: "subMenuRef",
+          class: 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] = withModifiers(() => {
+          }, ["stop"]))
+        }, [
+          renderSlot(_ctx.$slots, "subMenus")
+        ], 34)
+      ], 64)) : createCommentVNode("", true)
+    ], 34)
+  ], 64);
+}
+const dropdownMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  dropdownMenuItem as default
+};

package/es/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;

package/es/ele-dropdown/components/dropdown-menus.js

@@ -0,0 +1,111 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, Fragment, renderList, createBlock, createSlots, withCtx, renderSlot, mergeProps, createVNode } from "vue";
+import DropdownMenuItem from "./dropdown-menu-item";
+const _sfc_main = 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 = resolveComponent("DropdownMenus", true);
+  const _component_DropdownMenuItem = resolveComponent("DropdownMenuItem");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass([
+      "ele-dropdown-menu",
+      { "is-small": _ctx.size === "small" },
+      { "is-large": _ctx.size === "large" }
+    ]),
+    style: normalizeStyle(_ctx.menuStyle)
+  }, [
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
+      return openBlock(), 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
+      }, createSlots({ _: 2 }, [
+        renderList(Object.keys(_ctx.$slots).filter(
+          (k) => "default" !== k && "subMenus" !== k
+        ), (name) => {
+          return {
+            name,
+            fn: withCtx((slotProps) => [
+              renderSlot(_ctx.$slots, name, mergeProps({ ref_for: true }, slotProps || {}))
+            ])
+          };
+        }),
+        item.children && item.children.length ? {
+          name: "subMenus",
+          fn: withCtx(() => [
+            createVNode(_component_DropdownMenus, {
+              items: item.children,
+              selected: _ctx.selected,
+              menuStyle: _ctx.menuStyle,
+              iconProps: _ctx.iconProps,
+              size: _ctx.size,
+              onItemClick: _ctx.handleItemClick,
+              onWrapperContext: _ctx.handleWrapperContext
+            }, createSlots({ _: 2 }, [
+              renderList(Object.keys(_ctx.$slots).filter(
+                (k) => "default" !== k && "subMenus" !== k
+              ), (name) => {
+                return {
+                  name,
+                  fn: withCtx((slotProps) => [
+                    renderSlot(_ctx.$slots, name, 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]]);
+export {
+  dropdownMenus as default
+};