ele-admin-plus 1.2.1-beta.1 → 1.2.1-beta.2

package/es/ele-file-list/components/file-table-item.js

@@ -69,23 +69,23 @@ const _sfc_main = defineComponent({
       }
       return (_c = props.icons.find((d) => d.type === "file")) == null ? void 0 : _c.icon;
     });
-    const onClick = () => {
+    const handleClick = () => {
       emit("click", props.item);
     };
-    const onCheckChange = () => {
+    const handleCheckChange = () => {
       emit("checkChange", props.item);
     };
-    const onContextmenu = (e) => {
+    const handleContextmenu = (e) => {
       e.preventDefault();
       e.stopPropagation();
       if (dropdownRef.value) {
         dropdownRef.value.handleOpen();
       }
     };
-    const onItemContextMenu = (command) => {
+    const handleItemContextMenu = (command) => {
       emit("contextMenu", { key: command, item: props.item });
     };
-    const onContextVisibleChange = (visible) => {
+    const handleContextVisibleChange = (visible) => {
       dropdownVisible.value = visible;
       if (visible) {
         emit("contextOpen", dropdownRef.value);
@@ -97,11 +97,11 @@ const _sfc_main = defineComponent({
       selectable,
       selected,
       icon,
-      onClick,
-      onCheckChange,
-      onContextmenu,
-      onItemContextMenu,
-      onContextVisibleChange
+      handleClick,
+      handleCheckChange,
+      handleContextmenu,
+      handleItemContextMenu,
+      handleContextVisibleChange
     };
   }
 });
@@ -132,11 +132,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       { "is-checked": _ctx.selected },
       { "is-active": _ctx.dropdownVisible }
     ]),
-    onClick: _cache[3] || (_cache[3] = withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"]))
+    onClick: _cache[3] || (_cache[3] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
   }, [
     createElementVNode("div", {
       class: "ele-file-list-item-body",
-      onContextmenu: _cache[1] || (_cache[1] = (...args) => _ctx.onContextmenu && _ctx.onContextmenu(...args))
+      onContextmenu: _cache[1] || (_cache[1] = (...args) => _ctx.handleContextmenu && _ctx.handleContextmenu(...args))
     }, [
       _ctx.selectable ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("i", {
@@ -145,7 +145,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             { "is-radio": _ctx.selectionType === "radio" },
             { "is-checked": _ctx.selected }
           ]),
-          onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onCheckChange && _ctx.onCheckChange(...args), ["stop"]))
+          onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleCheckChange && _ctx.handleCheckChange(...args), ["stop"]))
         }, null, 2)
       ])) : createCommentVNode("", true),
       createElementVNode("div", _hoisted_2, [
@@ -195,8 +195,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       trigger: "click",
       class: "ele-file-list-item-dropdown",
       items: _ctx.contextMenus,
-      onCommand: _ctx.onItemContextMenu,
-      onVisibleChange: _ctx.onContextVisibleChange
+      onCommand: _ctx.handleItemContextMenu,
+      onVisibleChange: _ctx.handleContextVisibleChange
     }), createSlots({
       default: withCtx(() => [
         createElementVNode("div", {

package/es/ele-file-list/components/file-table.d.ts

@@ -40,12 +40,12 @@ declare const _default: import('vue').DefineComponent<{
     itemRefs: Ref<TableItemInstance[]>;
     tableCols: import('vue').ComputedRef<ColumnItem[]>;
     getContextMenus: (item: FileItem) => import('../../ele-dropdown/types').DropdownItem[] | undefined;
-    onCheckAllChange: () => void;
-    onItemClick: (item: FileItem) => void;
-    onItemCheckChange: (item: FileItem) => void;
-    onSortChange: (sort: string, col?: ColumnItem) => void;
-    onItemContextMenu: (option: ItemContextMenuOption) => void;
-    onItemContextOpen: (ref: EleDropdownInstance) => void;
+    handleCheckAllChange: () => void;
+    handleItemClick: (item: FileItem) => void;
+    handleItemCheckChange: (item: FileItem) => void;
+    handleSortChange: (sort: string, col?: ColumnItem) => void;
+    handleItemContextMenu: (option: ItemContextMenuOption) => void;
+    handleItemContextOpen: (ref: EleDropdownInstance) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     checkAllChange: () => true;
     itemClick: (_item: FileItem) => true;
@@ -89,8 +89,8 @@ declare const _default: import('vue').DefineComponent<{
     onItemClick?: ((_item: FileItem) => any) | undefined;
     onSortChange?: ((_sort: string) => any) | undefined;
     onCheckAllChange?: (() => any) | undefined;
-    onItemContextMenu?: ((_option: ItemContextMenuOption) => any) | undefined;
     onItemCheckChange?: ((_item: FileItem) => any) | undefined;
+    onItemContextMenu?: ((_option: ItemContextMenuOption) => any) | undefined;
 }, {
     sortable: boolean;
     isIndeterminate: boolean;

package/es/ele-file-list/components/file-table.js

@@ -80,16 +80,16 @@ const _sfc_main = defineComponent({
       }
       return props.contextMenus;
     };
-    const onCheckAllChange = () => {
+    const handleCheckAllChange = () => {
       emit("checkAllChange");
     };
-    const onItemClick = (item) => {
+    const handleItemClick = (item) => {
       emit("itemClick", item);
     };
-    const onItemCheckChange = (item) => {
+    const handleItemCheckChange = (item) => {
       emit("itemCheckChange", item);
     };
-    const onSortChange = (sort, col) => {
+    const handleSortChange = (sort, col) => {
       if (!col) {
         if (props.sortable) {
           emit("sortChange", sort);
@@ -98,10 +98,10 @@ const _sfc_main = defineComponent({
         emit("sortChange", sort);
       }
     };
-    const onItemContextMenu = (option) => {
+    const handleItemContextMenu = (option) => {
       emit("itemContextMenu", option);
     };
-    const onItemContextOpen = (ref2) => {
+    const handleItemContextOpen = (ref2) => {
       if (itemRefs.value) {
         itemRefs.value.forEach((r) => {
           if ((r == null ? void 0 : r.dropdownRef) && r.dropdownRef !== ref2) {
@@ -114,12 +114,12 @@ const _sfc_main = defineComponent({
       itemRefs,
       tableCols,
       getContextMenus,
-      onCheckAllChange,
-      onItemClick,
-      onItemCheckChange,
-      onSortChange,
-      onItemContextMenu,
-      onItemContextOpen
+      handleCheckAllChange,
+      handleItemClick,
+      handleItemCheckChange,
+      handleSortChange,
+      handleItemContextMenu,
+      handleItemContextOpen
     };
   }
 });
@@ -156,12 +156,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   { "is-checked": _ctx.isCheckAll },
                   { "is-indeterminate": _ctx.isIndeterminate }
                 ]),
-                onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onCheckAllChange && _ctx.onCheckAllChange(...args), ["stop"]))
+                onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleCheckAllChange && _ctx.handleCheckAllChange(...args), ["stop"]))
               }, null, 2)) : createCommentVNode("", true)
             ])) : createCommentVNode("", true),
             createElementVNode("div", {
               class: "ele-file-list-item-name",
-              onClick: _cache[1] || (_cache[1] = ($event) => _ctx.onSortChange("name"))
+              onClick: _cache[1] || (_cache[1] = ($event) => _ctx.handleSortChange("name"))
             }, [
               createElementVNode("span", null, toDisplayString(_ctx.nameText), 1),
               _ctx.sortable ? (openBlock(), createBlock(_component_FileSort, {
@@ -176,7 +176,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 key: col.prop,
                 style: normalizeStyle(col.headerStyle || col.style),
                 class: "ele-file-list-item-cell",
-                onClick: ($event) => _ctx.onSortChange(col.prop, col)
+                onClick: ($event) => _ctx.handleSortChange(col.prop, col)
               }, [
                 createElementVNode("span", null, [
                   col.headerSlot && !["icon", "title", "tool", "contextMenu"].includes(
@@ -213,10 +213,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             columns: _ctx.tableCols,
             contextMenus: _ctx.getContextMenus(item),
             contextMenuProps: _ctx.contextMenuProps,
-            onClick: _ctx.onItemClick,
-            onCheckChange: _ctx.onItemCheckChange,
-            onContextMenu: _ctx.onItemContextMenu,
-            onContextOpen: _ctx.onItemContextOpen
+            onClick: _ctx.handleItemClick,
+            onCheckChange: _ctx.handleItemCheckChange,
+            onContextMenu: _ctx.handleItemContextMenu,
+            onContextOpen: _ctx.handleItemContextOpen
           }, createSlots({ _: 2 }, [
             renderList(Object.keys(_ctx.$slots), (name) => {
               return {

package/es/ele-file-list/index.d.ts

@@ -34,12 +34,12 @@ declare const _default: import('vue').DefineComponent<{
     selectorStyle: Ref<Partial<import('vue').CSSProperties>>;
     isCheckAll: import('vue').ComputedRef<boolean>;
     isIndeterminate: import('vue').ComputedRef<boolean>;
-    onCheckAllChange: () => void;
-    onItemCheckChange: (item: FileItem) => void;
-    onItemClick: (item: FileItem) => void;
-    onSortChange: (name: string) => void;
-    onItemContextMenu: (option: ItemContextMenuOption) => void;
-    onMousedown: (event: MouseEvent) => void;
+    handleCheckAllChange: () => void;
+    handleItemCheckChange: (item: FileItem) => void;
+    handleItemClick: (item: FileItem) => void;
+    handleSortChange: (name: string) => void;
+    handleItemContextMenu: (option: ItemContextMenuOption) => void;
+    handleMousedown: (event: MouseEvent) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     itemClick: (_item: FileItem) => boolean;
     sortChange: (_sorter: SortValue) => boolean;

package/es/ele-file-list/index.js

@@ -36,7 +36,7 @@ const _sfc_main = defineComponent({
     const updateCurrent = (current) => {
       emit("update:current", current);
     };
-    const onCheckAllChange = () => {
+    const handleCheckAllChange = () => {
       if (props.selectionType !== "checkbox") {
         return;
       }
@@ -62,7 +62,7 @@ const _sfc_main = defineComponent({
       );
       updateSelections(temp);
     };
-    const onItemCheckChange = (item) => {
+    const handleItemCheckChange = (item) => {
       if (props.selectionType === "radio") {
         updateCurrent(
           props.current && props.current.key === item.key ? null : item
@@ -82,10 +82,10 @@ const _sfc_main = defineComponent({
       }
       updateSelections(props.selections.filter((t) => t.key !== item.key));
     };
-    const onItemClick = (item) => {
+    const handleItemClick = (item) => {
       emit("itemClick", item);
     };
-    const onSortChange = (name) => {
+    const handleSortChange = (name) => {
       const sorter = { sort: name };
       if (props.order && name === props.sort) {
         sorter.order = props.order === "asc" ? "desc" : null;
@@ -94,10 +94,10 @@ const _sfc_main = defineComponent({
       }
       emit("sortChange", sorter);
     };
-    const onItemContextMenu = (option) => {
+    const handleItemContextMenu = (option) => {
       emit("itemContextMenu", option);
     };
-    const onMousedown = (event) => {
+    const handleMousedown = (event) => {
       if (!props.boxChoose || props.selectionType !== "checkbox") {
         return;
       }
@@ -185,12 +185,12 @@ const _sfc_main = defineComponent({
       selectorStyle,
       isCheckAll,
       isIndeterminate,
-      onCheckAllChange,
-      onItemCheckChange,
-      onItemClick,
-      onSortChange,
-      onItemContextMenu,
-      onMousedown
+      handleCheckAllChange,
+      handleItemCheckChange,
+      handleItemClick,
+      handleSortChange,
+      handleItemContextMenu,
+      handleMousedown
     };
   }
 });
@@ -206,7 +206,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_FileTable = resolveComponent("FileTable");
   return openBlock(), createElementBlock("div", {
     class: "ele-file-list-group",
-    onMousedown: _cache[0] || (_cache[0] = (...args) => _ctx.onMousedown && _ctx.onMousedown(...args))
+    onMousedown: _cache[0] || (_cache[0] = (...args) => _ctx.handleMousedown && _ctx.handleMousedown(...args))
   }, [
     _ctx.grid ? (openBlock(), createBlock(_component_FileGrid, {
       key: 0,
@@ -221,10 +221,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       selectedText: _ctx.lang.selectTips,
       contextMenus: _ctx.contextMenus,
       contextMenuProps: _ctx.contextMenuProps,
-      onCheckAllChange: _ctx.onCheckAllChange,
-      onItemClick: _ctx.onItemClick,
-      onItemCheckChange: _ctx.onItemCheckChange,
-      onItemContextMenu: _ctx.onItemContextMenu
+      onCheckAllChange: _ctx.handleCheckAllChange,
+      onItemClick: _ctx.handleItemClick,
+      onItemCheckChange: _ctx.handleItemCheckChange,
+      onItemContextMenu: _ctx.handleItemContextMenu
     }, createSlots({ _: 2 }, [
       renderList(Object.keys(_ctx.$slots), (name) => {
         return {
@@ -252,11 +252,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       columns: _ctx.columns,
       contextMenus: _ctx.contextMenus,
       contextMenuProps: _ctx.contextMenuProps,
-      onCheckAllChange: _ctx.onCheckAllChange,
-      onItemClick: _ctx.onItemClick,
-      onItemCheckChange: _ctx.onItemCheckChange,
-      onItemContextMenu: _ctx.onItemContextMenu,
-      onSortChange: _ctx.onSortChange
+      onCheckAllChange: _ctx.handleCheckAllChange,
+      onItemClick: _ctx.handleItemClick,
+      onItemCheckChange: _ctx.handleItemCheckChange,
+      onItemContextMenu: _ctx.handleItemContextMenu,
+      onSortChange: _ctx.handleSortChange
     }, createSlots({ _: 2 }, [
       renderList(Object.keys(_ctx.$slots), (name) => {
         return {

package/es/ele-file-list-tool/index.d.ts

@@ -1,5 +1,5 @@
 declare const _default: import('vue').DefineComponent<{}, {
-    onClick: (e: MouseEvent) => void;
+    handleClick: (e: MouseEvent) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (_e: MouseEvent) => true;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>> & {

package/es/ele-file-list-tool/index.js

@@ -6,7 +6,7 @@ const _sfc_main = defineComponent({
   },
   setup(_props, { emit }) {
     return {
-      onClick: (e) => emit("click", e)
+      handleClick: (e) => emit("click", e)
     };
   }
 });
@@ -20,7 +20,7 @@ const _export_sfc = (sfc, props) => {
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: "ele-file-list-item-tool",
-    onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"]))
+    onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
   }, [
     renderSlot(_ctx.$slots, "default")
   ]);

package/es/ele-icon-select/components/icon-grid.d.ts

@@ -27,8 +27,8 @@ declare const _default: import('vue').DefineComponent<{
     virtualRef: import('vue').Ref<any>;
     updateTooltipVisible: (visible: boolean) => void;
     hideTooltip: () => void;
-    onItemHover: (icon: string, e: MouseEvent) => void;
-    onItemClick: (icon: string) => void;
+    handleItemHover: (icon: string, e: MouseEvent) => void;
+    handleItemClick: (icon: string) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (_icon: string) => true;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{

package/es/ele-icon-select/components/icon-grid.js

@@ -38,14 +38,14 @@ const _sfc_main = defineComponent({
     const hideTooltip = () => {
       updateTooltipVisible(false);
     };
-    const onItemHover = (icon, e) => {
+    const handleItemHover = (icon, e) => {
       if (props.tooltip && props.popperVisible && icon) {
         virtualRef.value = e.currentTarget;
         tooltipContent.value = icon;
         tooltipVisible.value = true;
       }
     };
-    const onItemClick = (icon) => {
+    const handleItemClick = (icon) => {
       emit("select", icon);
     };
     watch(
@@ -62,8 +62,8 @@ const _sfc_main = defineComponent({
       virtualRef,
       updateTooltipVisible,
       hideTooltip,
-      onItemHover,
-      onItemClick
+      handleItemHover,
+      handleItemClick
     };
   }
 });
@@ -95,8 +95,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             class: normalizeClass(["ele-icon-select-item", { "is-active": _ctx.icon && d === _ctx.icon }]),
             title: _ctx.tooltip ? void 0 : d,
             style: normalizeStyle(_ctx.itemStyle),
-            onClick: ($event) => _ctx.onItemClick(d),
-            onMouseover: (e) => _ctx.onItemHover(d, e)
+            onClick: ($event) => _ctx.handleItemClick(d),
+            onMouseover: (e) => _ctx.handleItemHover(d, e)
           }, [
             renderSlot(_ctx.$slots, "icon", { icon: d })
           ], 46, _hoisted_1);

package/es/ele-icon-select/index.d.ts

@@ -79,13 +79,13 @@ declare const _default: import('vue').DefineComponent<{
     iconPopperStyle: import('vue').ComputedRef<Partial<import('vue').CSSProperties> | undefined>;
     updatePopover: () => void;
     updateVisible: (visible: boolean) => void;
-    onSelectClear: () => void;
-    onSelectFocus: (e: FocusEvent) => void;
-    onSelectBlur: (e: FocusEvent) => void;
-    onSelectFilter: (value: string) => void;
-    onTabClick: (index: number) => void;
-    onMenuClick: (index: number) => void;
-    onIconSelect: (icon: string) => void;
+    handleSelectClear: () => void;
+    handleSelectFocus: (e: FocusEvent) => void;
+    handleSelectBlur: (e: FocusEvent) => void;
+    handleSelectFilter: (value: string) => void;
+    handleTabClick: (index: number) => void;
+    handleMenuClick: (index: number) => void;
+    handleIconSelect: (icon: string) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:modelValue': (_value?: string | null | undefined) => boolean;
     change: (_value?: string | null | undefined) => boolean;

package/es/ele-icon-select/index.js

@@ -91,7 +91,7 @@ const _sfc_main = defineComponent({
     };
     const updateVisible = (visible) => {
       if (visible) {
-        onSelectFilter("");
+        handleSelectFilter("");
       }
       if (selectVisible.value !== visible) {
         selectVisible.value = visible;
@@ -104,18 +104,18 @@ const _sfc_main = defineComponent({
         emit("change", modelValue);
       }
     };
-    const onSelectClear = () => {
+    const handleSelectClear = () => {
       updateModelValue(null);
       updateVisible(false);
       emit("clear");
     };
-    const onSelectFocus = (e) => {
+    const handleSelectFocus = (e) => {
       emit("focus", e);
     };
-    const onSelectBlur = (e) => {
+    const handleSelectBlur = (e) => {
       emit("blur", e);
     };
-    const onSelectFilter = (value) => {
+    const handleSelectFilter = (value) => {
       var _a;
       if (keywords.value !== value) {
         keywords.value = value;
@@ -147,15 +147,15 @@ const _sfc_main = defineComponent({
         }
       }
     };
-    const onTabClick = (index2) => {
+    const handleTabClick = (index2) => {
       tabActive.value = index2;
       initData();
     };
-    const onMenuClick = (index2) => {
+    const handleMenuClick = (index2) => {
       menuActive.value = index2;
       initData();
     };
-    const onIconSelect = (icon) => {
+    const handleIconSelect = (icon) => {
       updateModelValue(icon);
       updateVisible(false);
     };
@@ -184,13 +184,13 @@ const _sfc_main = defineComponent({
       iconPopperStyle,
       updatePopover,
       updateVisible,
-      onSelectClear,
-      onSelectFocus,
-      onSelectBlur,
-      onSelectFilter,
-      onTabClick,
-      onMenuClick,
-      onIconSelect
+      handleSelectClear,
+      handleSelectFocus,
+      handleSelectBlur,
+      handleSelectFilter,
+      handleTabClick,
+      handleMenuClick,
+      handleIconSelect
     };
   }
 });
@@ -231,10 +231,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     selectedLabel: _ctx.modelValue,
     visible: _ctx.selectVisible,
     "onUpdate:visible": _ctx.updateVisible,
-    onFilterChange: _ctx.onSelectFilter,
-    onClear: _ctx.onSelectClear,
-    onFocus: _ctx.onSelectFocus,
-    onBlur: _ctx.onSelectBlur
+    onFilterChange: _ctx.handleSelectFilter,
+    onClear: _ctx.handleSelectClear,
+    onFocus: _ctx.handleSelectFocus,
+    onBlur: _ctx.handleSelectBlur
   }, createSlots({
     default: withCtx(() => [
       createElementVNode("div", {
@@ -256,7 +256,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               return openBlock(), createElementBlock("div", {
                 key: i + "-" + t,
                 class: normalizeClass(["ele-icon-select-tab", { "is-active": i === _ctx.tabActive }]),
-                onClick: ($event) => _ctx.onTabClick(i)
+                onClick: ($event) => _ctx.handleTabClick(i)
               }, toDisplayString(t), 11, _hoisted_1);
             }), 128))
           ], 4)) : createCommentVNode("", true),
@@ -271,7 +271,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               modelValue: _ctx.keywords,
               prefixIcon: _ctx.SearchOutlined,
               placeholder: _ctx.filterPlaceholder,
-              "onUpdate:modelValue": _ctx.onSelectFilter
+              "onUpdate:modelValue": _ctx.handleSelectFilter
             }, null, 8, ["modelValue", "prefixIcon", "placeholder", "onUpdate:modelValue"])
           ], 4)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "tabRightExtra")
@@ -286,7 +286,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               return openBlock(), createElementBlock("div", {
                 key: i + "-" + m,
                 class: normalizeClass(["ele-icon-select-menu", { "is-active": i === _ctx.menuActive }]),
-                onClick: ($event) => _ctx.onMenuClick(i)
+                onClick: ($event) => _ctx.handleMenuClick(i)
               }, toDisplayString(m), 11, _hoisted_3);
             }), 128))
           ], 4)) : createCommentVNode("", true),
@@ -300,7 +300,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             gridStyle: _ctx.gridStyle,
             itemStyle: _ctx.itemStyle,
             style: normalizeStyle(_ctx.bodyStyle),
-            onSelect: _ctx.onIconSelect
+            onSelect: _ctx.handleIconSelect
           }, createSlots({ _: 2 }, [
             _ctx.$slots.icon ? {
               name: "icon",

package/es/ele-menus/index.js

@@ -108,22 +108,22 @@ const index = defineComponent({
         }
       }
     };
-    const onItemClick = (item, e) => {
+    const handleItemClick = (item, e) => {
       emit("itemClick", item, e);
     };
-    const onItemMouseenter = (item, e) => {
+    const handleItemMouseenter = (item, e) => {
       triggerTooltip(e);
       emit("itemMouseenter", item, e);
     };
-    const onItemMouseleave = (item, e) => {
+    const handleItemMouseleave = (item, e) => {
       hideTooltip();
       emit("itemMouseleave", item, e);
     };
-    const onParentMouseenter = (item, e) => {
+    const handleParentMouseenter = (item, e) => {
       triggerTooltip(e);
       emit("parentMouseenter", item, e);
     };
-    const onParentMouseleave = (item, e) => {
+    const handleParentMouseleave = (item, e) => {
       hideTooltip();
       emit("parentMouseleave", item, e);
     };
@@ -174,12 +174,12 @@ const index = defineComponent({
             props.popupColorful,
             props.firstPopperClass,
             true,
-            onItemClick,
-            onItemMouseenter,
-            onItemMouseleave,
+            handleItemClick,
+            handleItemMouseenter,
+            handleItemMouseleave,
             isWebkit,
-            onParentMouseenter,
-            onParentMouseleave
+            handleParentMouseenter,
+            handleParentMouseleave
           );
           if (moreItems) {
             const ellipsisProps = props.ellipsisProps || {};
@@ -218,12 +218,12 @@ const index = defineComponent({
                       props.popupColorful,
                       props.firstPopperClass,
                       false,
-                      onItemClick,
-                      onItemMouseenter,
-                      onItemMouseleave,
+                      handleItemClick,
+                      handleItemMouseenter,
+                      handleItemMouseleave,
                       isWebkit,
-                      onParentMouseenter,
-                      onParentMouseleave
+                      handleParentMouseenter,
+                      handleParentMouseleave
                     );
                   },
                   title: () => {

package/es/ele-menus/style/index.scss

@@ -265,6 +265,7 @@
     background: eleVar('menu-popup', 'bg');
     box-shadow: eleVar('menu-popup', 'shadow');
     border-radius: eleVar('menu-popup', 'radius');
+    overflow-x: hidden;
     overflow-y: auto;
 
     .el-menu-item,

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

@@ -1,4 +1,5 @@
 import { VNode, Slot } from 'vue';
+import { ClassValue, ClassValues } from '../ele-app/types';
 import { MenuItem, MenuTheme, PopupMenuTheme, PopupColorful, MenuResult, MenuEllipsisOption, MenuItemEvent } from './types';
 
 /** 子菜单项链接类名 */
@@ -11,6 +12,12 @@ 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 链接地址