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

package/es/ele-menus/index.js

@@ -1,19 +1,24 @@
-import { defineComponent, ref, computed, onMounted, watch, h } from "vue";
+import { defineComponent, ref, shallowRef, computed, onMounted, watch, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode, createVNode, resolveDynamicComponent, normalizeStyle } from "vue";
 import { ElMenu, ElSubMenu, ElIcon } from "element-plus";
-import EleTooltip from "../ele-tooltip/index";
-import { pick, contentIsEllipsis } from "../utils/core";
 import { EllipsisOutlined } from "../icons";
-import { useMenuEllipsis, getMenuItems, renderItems, getPopperClass, ellipsisClass, titleClass } from "./util";
+import { pick, contentIsEllipsis } from "../utils/core";
+import EleTooltip from "../ele-tooltip/index";
+import MenuItems from "./components/menu-items";
+import { useMenuEllipsis, getMenuItems, getPopperClass } from "./util";
 import { menusProps, menusEmits, menuPropKeys } from "./props";
-const index = defineComponent({
+const _sfc_main = defineComponent({
   name: "EleMenus",
+  components: { ElMenu, ElSubMenu, ElIcon, EleTooltip, MenuItems },
   props: menusProps,
   emits: menusEmits,
-  setup(props, { slots, emit, expose }) {
-    const isWebkit = navigator.userAgent.includes("WebKit");
+  setup(props, { emit }) {
+    var _a, _b;
+    const isWebkit = (_b = (_a = navigator == null ? void 0 : navigator.userAgent) == null ? void 0 : _a.includes) == null ? void 0 : _b.call(_a, "WebKit");
     const menuRef = ref(null);
     const ellipsisRef = ref(null);
     const sliceIndex = ref(-1);
+    const menuItems = shallowRef([]);
+    const moreMenuItems = shallowRef([]);
     const tooltipVirtualRef = ref();
     const tooltipContent = ref("");
     const tooltipVisible = ref(false);
@@ -22,54 +27,26 @@ const index = defineComponent({
     const collapseTooltipDisabled = computed(
       () => isCompact.value ? !props.collapse : props.tooltipDisabled
     );
-    const { observe, unobserve, computedEllipsis } = useMenuEllipsis({
-      getMenuEl: () => {
-        var _a;
-        return (_a = menuRef.value) == null ? void 0 : _a.$el;
-      },
-      getMoreEl: () => {
-        var _a;
-        return (_a = ellipsisRef.value) == null ? void 0 : _a.$el;
-      },
-      onEllipsis: (index2) => {
-        if (sliceIndex.value !== index2) {
-          sliceIndex.value = index2;
-        }
-      }
-    });
-    onMounted(() => {
-      var _a;
-      if (props.ellipsis && isHorizontal.value && ((_a = menuRef.value) == null ? void 0 : _a.$el)) {
-        computedEllipsis();
-        observe();
+    const menuProps = computed(() => pick(props, menuPropKeys));
+    const open = (index2) => {
+      if (menuRef.value) {
+        menuRef.value.open(index2);
       }
-    });
-    watch(
-      [
-        () => props.ellipsis,
-        isHorizontal,
-        () => {
-          var _a;
-          return (_a = menuRef.value) == null ? void 0 : _a.$el;
-        },
-        () => props.items
-      ],
-      () => {
-        var _a;
-        if (props.ellipsis && isHorizontal.value && ((_a = menuRef.value) == null ? void 0 : _a.$el)) {
-          observe();
-        } else {
-          unobserve();
-          sliceIndex.value = -1;
-        }
+    };
+    const close = (index2) => {
+      if (menuRef.value) {
+        menuRef.value.open(index2);
       }
-    );
+    };
+    const hideTooltip = () => {
+      tooltipVisible.value = false;
+    };
     const triggerTooltip = (e) => {
-      var _a;
+      var _a2;
       if (props.textEllipsisTooltip) {
-        const itemEl = (_a = e.currentTarget) == null ? void 0 : _a.parentNode;
+        const itemEl = (_a2 = e.currentTarget) == null ? void 0 : _a2.parentNode;
         if (itemEl) {
-          const titleEl = itemEl.querySelector(`.${titleClass}`);
+          const titleEl = itemEl.querySelector(".ele-menu-title");
           const text = titleEl == null ? void 0 : titleEl.innerText;
           if (text && contentIsEllipsis(titleEl, "horizontal")) {
             tooltipVirtualRef.value = itemEl;
@@ -81,32 +58,14 @@ const index = defineComponent({
       }
       hideTooltip();
     };
-    const hideTooltip = () => {
-      tooltipVisible.value = false;
-    };
-    const open = (index2) => {
-      if (menuRef.value) {
-        menuRef.value.open(index2);
-      }
+    const handleOpen = (index2, indexPath) => {
+      emit("open", index2, indexPath);
     };
-    const close = (index2) => {
-      if (menuRef.value) {
-        menuRef.value.open(index2);
-      }
+    const handleClose = (index2, indexPath) => {
+      emit("close", index2, indexPath);
     };
-    const scrollToActive = () => {
-      var _a;
-      const menuEl = (_a = menuRef.value) == null ? void 0 : _a.$el;
-      if (menuEl) {
-        const el = menuEl.querySelector(".el-menu-item.is-active") || menuEl.querySelector(".el-sub-menu.is-active");
-        if (el) {
-          if (typeof el["scrollIntoViewIfNeeded"] === "function") {
-            el.scrollIntoViewIfNeeded(true);
-          } else {
-            el.scrollIntoView({ behavior: "smooth", block: "center" });
-          }
-        }
-      }
+    const handleSelect = (index2, indexPath, item, routerResult) => {
+      emit("select", index2, indexPath, item, routerResult);
     };
     const handleItemClick = (item, e) => {
       emit("itemClick", item, e);
@@ -127,148 +86,259 @@ const index = defineComponent({
       hideTooltip();
       emit("parentMouseleave", item, e);
     };
-    const exposeValue = { menuRef, scrollToActive, open, close };
-    expose(exposeValue);
-    return () => {
-      return h(
-        ElMenu,
-        {
-          ...pick(props, menuPropKeys),
-          ref: menuRef,
-          ellipsis: false,
-          mode: isCompact.value ? "vertical" : props.mode,
-          collapse: isCompact.value ? true : props.collapse,
-          class: [
-            "ele-menu",
-            { "ele-menu-dark": props.theme === "dark" },
-            { "is-night": props.theme === "dark" },
-            { "ele-menu-colorful": props.colorful },
-            { "is-colorful": props.colorful },
-            { "is-compact": isCompact.value },
-            { "is-compact-collapse": isCompact.value && props.collapse }
-          ],
-          onOpen: (index2, indexPath) => {
-            emit("open", index2, indexPath);
-          },
-          onClose: (index2, indexPath) => {
-            emit("close", index2, indexPath);
-          },
-          onSelect: (index2, indexPath, item, routerResult) => {
-            emit("select", index2, indexPath, item, routerResult);
+    const scrollToActive = () => {
+      var _a2;
+      const menuEl = (_a2 = menuRef.value) == null ? void 0 : _a2.$el;
+      if (menuEl) {
+        const el = menuEl.querySelector(".el-menu-item.is-active") || menuEl.querySelector(".el-sub-menu.is-active");
+        if (el) {
+          if (typeof el["scrollIntoViewIfNeeded"] === "function") {
+            el.scrollIntoViewIfNeeded(true);
+          } else {
+            el.scrollIntoView({ behavior: "smooth", block: "center" });
           }
-        },
+        }
+      }
+    };
+    const { observe, unobserve, computedEllipsis } = useMenuEllipsis({
+      getMenuEl: () => {
+        var _a2;
+        return (_a2 = menuRef.value) == null ? void 0 : _a2.$el;
+      },
+      getMoreEl: () => {
+        var _a2;
+        return (_a2 = ellipsisRef.value) == null ? void 0 : _a2.$el;
+      },
+      onEllipsis: (index2) => {
+        if (sliceIndex.value !== index2) {
+          sliceIndex.value = index2;
+        }
+      }
+    });
+    onMounted(() => {
+      var _a2;
+      if (props.ellipsis && isHorizontal.value && ((_a2 = menuRef.value) == null ? void 0 : _a2.$el)) {
+        computedEllipsis();
+        observe();
+      }
+    });
+    watch(
+      [
+        () => props.ellipsis,
+        isHorizontal,
         () => {
-          const { items, moreItems } = getMenuItems(
-            props.items,
-            sliceIndex.value,
-            isHorizontal.value
-          );
-          const nodes = renderItems(
-            items,
-            slots.icon,
-            slots.title,
-            collapseTooltipDisabled.value,
-            props.theme,
-            props.popupTheme,
-            props.colorful,
-            props.popupColorful,
-            props.firstPopperClass,
-            true,
-            handleItemClick,
-            handleItemMouseenter,
-            handleItemMouseleave,
-            isWebkit,
-            handleParentMouseenter,
-            handleParentMouseleave
-          );
-          if (moreItems) {
-            const ellipsisProps = props.ellipsisProps || {};
-            const popperClass = getPopperClass(
-              ellipsisProps.popperClass,
-              props.theme,
-              props.popupTheme,
-              props.colorful,
-              props.popupColorful,
-              props.firstPopperClass,
-              true,
-              isWebkit
-            );
-            nodes.push(
-              h(
-                ElSubMenu,
-                {
-                  teleported: true,
-                  class: ellipsisClass,
-                  key: "sub-menu-more",
-                  ...ellipsisProps,
-                  index: "sub-menu-more",
-                  ref: ellipsisRef,
-                  popperClass
-                },
-                {
-                  default: () => {
-                    return renderItems(
-                      moreItems,
-                      slots.icon,
-                      slots.title,
-                      collapseTooltipDisabled.value,
-                      props.theme,
-                      props.popupTheme,
-                      props.colorful,
-                      props.popupColorful,
-                      props.firstPopperClass,
-                      false,
-                      handleItemClick,
-                      handleItemMouseenter,
-                      handleItemMouseleave,
-                      isWebkit,
-                      handleParentMouseenter,
-                      handleParentMouseleave
-                    );
-                  },
-                  title: () => {
-                    return h(ElIcon, ellipsisProps.iconProps || {}, () => {
-                      return h(
-                        ellipsisProps.icon ?? EllipsisOutlined,
-                        { style: ellipsisProps.iconStyle }
-                      );
-                    });
-                  }
-                }
-              )
-            );
-          }
-          if (props.textEllipsisTooltip) {
-            nodes.push(
-              h(EleTooltip, {
-                trigger: "click",
-                placement: "right",
-                fallbackPlacements: [
-                  "top-end",
-                  "top",
-                  "top-start",
-                  "bottom-end",
-                  "bottom",
-                  "bottom-start",
-                  "left"
-                ],
-                persistent: false,
-                enterable: false,
-                triggerKeys: [],
-                ...props.textEllipsisTooltip === true ? {} : props.textEllipsisTooltip,
-                virtualTriggering: true,
-                virtualRef: tooltipVirtualRef.value,
-                content: tooltipContent.value,
-                visible: tooltipVisible.value
-              })
-            );
-          }
-          return nodes;
+          var _a2;
+          return (_a2 = menuRef.value) == null ? void 0 : _a2.$el;
+        },
+        () => props.items
+      ],
+      () => {
+        var _a2;
+        if (props.ellipsis && isHorizontal.value && ((_a2 = menuRef.value) == null ? void 0 : _a2.$el)) {
+          observe();
+          return;
         }
-      );
+        unobserve();
+        sliceIndex.value = -1;
+      }
+    );
+    watch(
+      [() => props.items, sliceIndex, isHorizontal],
+      () => {
+        const { items, moreItems } = getMenuItems(
+          props.items,
+          sliceIndex.value,
+          isHorizontal.value
+        );
+        menuItems.value = items;
+        moreMenuItems.value = moreItems;
+      },
+      {
+        immediate: true,
+        deep: true
+      }
+    );
+    return {
+      EllipsisOutlined,
+      getPopperClass,
+      isWebkit,
+      menuRef,
+      ellipsisRef,
+      menuItems,
+      moreMenuItems,
+      tooltipVirtualRef,
+      tooltipContent,
+      tooltipVisible,
+      isCompact,
+      collapseTooltipDisabled,
+      menuProps,
+      open,
+      close,
+      handleOpen,
+      handleClose,
+      handleSelect,
+      handleItemClick,
+      handleItemMouseenter,
+      handleItemMouseleave,
+      handleParentMouseenter,
+      handleParentMouseleave,
+      scrollToActive
     };
   }
 });
+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_MenuItems = resolveComponent("MenuItems");
+  const _component_ElIcon = resolveComponent("ElIcon");
+  const _component_ElSubMenu = resolveComponent("ElSubMenu");
+  const _component_EleTooltip = resolveComponent("EleTooltip");
+  const _component_ElMenu = resolveComponent("ElMenu");
+  return openBlock(), createBlock(_component_ElMenu, mergeProps(_ctx.menuProps, {
+    ref: "menuRef",
+    ellipsis: false,
+    mode: _ctx.isCompact ? "vertical" : _ctx.mode,
+    collapse: _ctx.isCompact ? true : _ctx.collapse,
+    class: [
+      "ele-menu",
+      { "ele-menu-dark": _ctx.theme === "dark" },
+      { "is-night": _ctx.theme === "dark" },
+      { "ele-menu-colorful": _ctx.colorful },
+      { "is-colorful": _ctx.colorful },
+      { "is-compact": _ctx.isCompact },
+      { "is-compact-collapse": _ctx.isCompact && _ctx.collapse }
+    ],
+    onOpen: _ctx.handleOpen,
+    onClose: _ctx.handleClose,
+    onSelect: _ctx.handleSelect
+  }), {
+    default: withCtx(() => {
+      var _a;
+      return [
+        _ctx.menuItems && _ctx.menuItems.length ? (openBlock(), createBlock(_component_MenuItems, {
+          key: 0,
+          items: _ctx.menuItems,
+          first: true,
+          tipDisabled: _ctx.collapseTooltipDisabled,
+          parentIsGroup: false,
+          theme: _ctx.theme,
+          popTheme: _ctx.popupTheme,
+          colorful: _ctx.colorful,
+          popupColorful: _ctx.popupColorful,
+          firstPopClass: _ctx.firstPopperClass,
+          webkit: _ctx.isWebkit,
+          onItemClick: _ctx.handleItemClick,
+          onItemMouseenter: _ctx.handleItemMouseenter,
+          onItemMouseleave: _ctx.handleItemMouseleave,
+          onParentMouseenter: _ctx.handleParentMouseenter,
+          onParentMouseleave: _ctx.handleParentMouseleave
+        }, createSlots({ _: 2 }, [
+          renderList(Object.keys(_ctx.$slots), (name) => {
+            return {
+              name,
+              fn: withCtx((slotProps) => [
+                renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+              ])
+            };
+          })
+        ]), 1032, ["items", "tipDisabled", "theme", "popTheme", "colorful", "popupColorful", "firstPopClass", "webkit", "onItemClick", "onItemMouseenter", "onItemMouseleave", "onParentMouseenter", "onParentMouseleave"])) : createCommentVNode("", true),
+        _ctx.moreMenuItems && _ctx.moreMenuItems.length ? (openBlock(), createBlock(_component_ElSubMenu, mergeProps({
+          key: "sub-menu-more",
+          teleported: true
+        }, _ctx.ellipsisProps || {}, {
+          ref: "ellipsisRef",
+          index: "sub-menu-more",
+          popperClass: _ctx.getPopperClass(
+            (_a = _ctx.ellipsisProps) == null ? void 0 : _a.popperClass,
+            _ctx.theme,
+            _ctx.popupTheme,
+            _ctx.colorful,
+            _ctx.popupColorful,
+            _ctx.firstPopperClass,
+            true,
+            _ctx.isWebkit
+          ),
+          class: "ele-sub-menu-ellipsis"
+        }), {
+          title: withCtx(() => {
+            var _a2;
+            return [
+              createVNode(_component_ElIcon, normalizeProps(guardReactiveProps(((_a2 = _ctx.ellipsisProps) == null ? void 0 : _a2.iconProps) || {})), {
+                default: withCtx(() => {
+                  var _a3, _b;
+                  return [
+                    (openBlock(), createBlock(resolveDynamicComponent(((_a3 = _ctx.ellipsisProps) == null ? void 0 : _a3.icon) ?? _ctx.EllipsisOutlined), {
+                      style: normalizeStyle((_b = _ctx.ellipsisProps) == null ? void 0 : _b.iconStyle)
+                    }, null, 8, ["style"]))
+                  ];
+                }),
+                _: 1
+              }, 16)
+            ];
+          }),
+          default: withCtx(() => [
+            createVNode(_component_MenuItems, {
+              items: _ctx.moreMenuItems,
+              first: false,
+              tipDisabled: _ctx.collapseTooltipDisabled,
+              parentIsGroup: false,
+              theme: _ctx.theme,
+              popTheme: _ctx.popupTheme,
+              colorful: _ctx.colorful,
+              popupColorful: _ctx.popupColorful,
+              firstPopClass: _ctx.firstPopperClass,
+              webkit: _ctx.isWebkit,
+              onItemClick: _ctx.handleItemClick,
+              onItemMouseenter: _ctx.handleItemMouseenter,
+              onItemMouseleave: _ctx.handleItemMouseleave,
+              onParentMouseenter: _ctx.handleParentMouseenter,
+              onParentMouseleave: _ctx.handleParentMouseleave
+            }, createSlots({ _: 2 }, [
+              renderList(Object.keys(_ctx.$slots), (name) => {
+                return {
+                  name,
+                  fn: withCtx((slotProps) => [
+                    renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                  ])
+                };
+              })
+            ]), 1032, ["items", "tipDisabled", "theme", "popTheme", "colorful", "popupColorful", "firstPopClass", "webkit", "onItemClick", "onItemMouseenter", "onItemMouseleave", "onParentMouseenter", "onParentMouseleave"])
+          ]),
+          _: 3
+        }, 16, ["popperClass"])) : createCommentVNode("", true),
+        _ctx.textEllipsisTooltip ? (openBlock(), createBlock(_component_EleTooltip, mergeProps({
+          key: 2,
+          trigger: "click",
+          placement: "right",
+          fallbackPlacements: [
+            "top-end",
+            "top",
+            "top-start",
+            "bottom-end",
+            "bottom",
+            "bottom-start",
+            "left"
+          ],
+          persistent: false,
+          enterable: false,
+          triggerKeys: []
+        }, _ctx.textEllipsisTooltip === true ? {} : _ctx.textEllipsisTooltip, {
+          virtualTriggering: true,
+          virtualRef: _ctx.tooltipVirtualRef,
+          content: _ctx.tooltipContent,
+          visible: _ctx.tooltipVisible
+        }), null, 16, ["virtualRef", "content", "visible"])) : createCommentVNode("", true)
+      ];
+    }),
+    _: 3
+  }, 16, ["mode", "collapse", "class", "onOpen", "onClose", "onSelect"]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
   index as default
 };

package/es/ele-menus/props.d.ts

@@ -48,7 +48,7 @@ export declare const menusProps: {
     ellipsis: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     popperOffset: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
     ellipsisIcon: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown, () => any, boolean>;
-    popperEffect: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "light" | "dark", unknown, "dark", boolean>;
+    popperEffect: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "dark", boolean>;
     popperClass: StringConstructor;
     showTimeout: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
     hideTimeout: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
@@ -75,5 +75,5 @@ export declare const menusEmits: {
     parentMouseleave: (_item: MenuItem, _e: MouseEvent) => boolean;
     close: (index: string, indexPath: string[]) => boolean;
     open: (index: string, indexPath: string[]) => boolean;
-    select: (index: string, indexPath: string[], item: import('element-plus').MenuItemClicked, routerResult?: Promise<void | import('vue-router').NavigationFailure> | undefined) => boolean;
+    select: (index: string, indexPath: string[], item: import('element-plus').MenuItemClicked, routerResult?: Promise<void | import('vue-router').NavigationFailure>) => boolean;
 };

package/es/ele-menus/util.d.ts

@@ -1,66 +1,5 @@
-import { VNode, Slot } from 'vue';
-import { ClassValue, ClassValues } from '../ele-app/types';
-import { MenuItem, MenuTheme, PopupMenuTheme, PopupColorful, MenuResult, MenuEllipsisOption, MenuItemEvent } from './types';
+import { MenuItem, MenuTheme, PopupMenuTheme, PopupColorful, MenuResult, MenuEllipsisOption } from './types';
 
-/** 子菜单项链接类名 */
-export declare const linkClass = "ele-menu-link";
-/** 菜单标题类名 */
-export declare const titleClass = "ele-menu-title";
-/** 子菜单项事件触发元素类名 */
-export declare const triggerClass = "ele-menu-trigger";
-/** 菜单溢出隐藏项类名 */
-export declare const overflowClass = "ele-menu-overflow";
-/** 菜单省略项的类名 */
-export declare const ellipsisClass = "ele-sub-menu-ellipsis";
-/**
- * 合并类名
- * @param class1 类名
- * @param class2 用户自定义类名
- */
-export declare function mergeClass(class1?: ClassValue, class2?: ClassValue): ClassValues;
-/**
- * 生成菜单链接节点
- * @param path 链接地址
- */
-export declare function getLinkNode(path?: string): VNode | undefined;
-/**
- * 生成事件触发节点
- * @param item 菜单数据
- * @param path 链接地址
- * @param onItemClick 点击事件
- * @param onItemMouseenter 鼠标进入事件
- * @param onItemMouseleave 鼠标离开事件
- */
-export declare function getTriggerNode(item: MenuItem, path?: string, onItemClick?: MenuItemEvent, onItemMouseenter?: MenuItemEvent, onItemMouseleave?: MenuItemEvent): VNode | undefined;
-/**
- * 生成菜单内容节点
- * @param icons 图标节点
- * @param titles 标题节点
- * @param badge 徽章节点
- * @param trigger 事件触发元素节点
- */
-export declare function getNodes(icons?: VNode[], titles?: VNode[], badge?: VNode | null, trigger?: VNode | null): VNode[];
-/**
- * 递归生成菜单节点
- * @param items 菜单数据
- * @param sIcon 图标插槽
- * @param sTitle 标题插槽
- * @param tipDisabled 是否禁用折叠的tooltip
- * @param theme 主题
- * @param popTheme 气泡菜单主题
- * @param colorful 是否彩色图标
- * @param popupColorful 气泡菜单是否彩色图标
- * @param firstPopClass 第一级气泡菜单类名
- * @param first 是否是第一级菜单
- * @param onItemClick 子菜单项点击事件
- * @param onItemMouseenter 子菜单项鼠标进入事件
- * @param onItemMouseenter 子菜单项鼠标离开事件
- * @param webkit 是否是webkit内核
- * @param onParentMouseenter 父级菜单项鼠标进入事件
- * @param onParentMouseleave 父级菜单项鼠标离开事件
- * @param parentIsGroup 父级是否是分组菜单
- */
-export declare function renderItems(items?: MenuItem[], sIcon?: Slot, sTitle?: Slot, tipDisabled?: boolean, theme?: MenuTheme, popTheme?: PopupMenuTheme, colorful?: boolean, popupColorful?: PopupColorful, firstPopClass?: string, first?: boolean, onItemClick?: MenuItemEvent, onItemMouseenter?: MenuItemEvent, onItemMouseleave?: MenuItemEvent, webkit?: boolean, onParentMouseenter?: MenuItemEvent, onParentMouseleave?: MenuItemEvent, parentIsGroup?: boolean): VNode[];
 /**
  * 生成气泡菜单的类名
  * @param customerClass 自定义的类名