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

package/lib/ele-edit-tag/index.d.ts

@@ -2,21 +2,21 @@ import { ElTagInstance, ElInputInstance } from '../ele-app/el';
 
 declare const _default: import('vue').DefineComponent<{
     modelValue: import('vue').PropType<string[]>;
-    type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
+    type: import('vue').PropType<import('../ele-app/el').ElTagProps["type"]>;
     hit: BooleanConstructor;
     color: StringConstructor;
-    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown> | undefined>;
-    effect: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown> | undefined>;
+    size: import('vue').PropType<import('../ele-app/el').ElTagProps["size"]>;
+    effect: import('vue').PropType<import('../ele-app/el').ElTagProps["effect"]>;
     round: BooleanConstructor;
     placeholder: StringConstructor;
-    inputStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    inputTagStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    buttonStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    itemStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    inputTagStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    buttonStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    itemStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     validator: import('vue').PropType<import('./types').Validator>;
     beforeRemove: import('vue').PropType<import('./types').BeforeRemove>;
-    tooltipProps: import('vue').PropType<Partial<import('../ele-tooltip/props').TooltipProps>>;
-    readonly: BooleanConstructor; /** 页面是否失活 */
+    tooltipProps: import('vue').PropType<import('../ele-app/plus').EleTooltipProps>;
+    readonly: BooleanConstructor;
     disabled: BooleanConstructor;
 }, {
     inputTagRef: import('vue').Ref<ElTagInstance>;
@@ -33,26 +33,28 @@ declare const _default: import('vue').DefineComponent<{
     handleInputBlur: () => void;
     handleInputFocus: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    'update:modelValue': (_value?: string[] | undefined) => boolean;
+    'update:modelValue': (_value?: string[]) => boolean;
+    change: (_value?: string[]) => boolean;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: import('vue').PropType<string[]>;
-    type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
+    type: import('vue').PropType<import('../ele-app/el').ElTagProps["type"]>;
     hit: BooleanConstructor;
     color: StringConstructor;
-    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown> | undefined>;
-    effect: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown> | undefined>;
+    size: import('vue').PropType<import('../ele-app/el').ElTagProps["size"]>;
+    effect: import('vue').PropType<import('../ele-app/el').ElTagProps["effect"]>;
     round: BooleanConstructor;
     placeholder: StringConstructor;
-    inputStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    inputTagStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    buttonStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    itemStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    inputTagStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    buttonStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    itemStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     validator: import('vue').PropType<import('./types').Validator>;
     beforeRemove: import('vue').PropType<import('./types').BeforeRemove>;
-    tooltipProps: import('vue').PropType<Partial<import('../ele-tooltip/props').TooltipProps>>;
-    readonly: BooleanConstructor; /** 页面是否失活 */
+    tooltipProps: import('vue').PropType<import('../ele-app/plus').EleTooltipProps>;
+    readonly: BooleanConstructor;
     disabled: BooleanConstructor;
 }>> & {
+    onChange?: ((_value?: string[] | undefined) => any) | undefined;
     "onUpdate:modelValue"?: ((_value?: string[] | undefined) => any) | undefined;
 }, {
     disabled: boolean;

package/lib/ele-edit-tag/props.cjs

@@ -38,7 +38,9 @@ const editTagProps = {
 };
 const editTagEmits = {
   /** 更新数据 */
-  "update:modelValue": (_value) => true
+  "update:modelValue": (_value) => true,
+  /** 数据改变事件 */
+  change: (_value) => true
 };
 exports.editTagEmits = editTagEmits;
 exports.editTagProps = editTagProps;

package/lib/ele-edit-tag/props.d.ts

@@ -1,4 +1,7 @@
 import { PropType, ExtractPropTypes } from 'vue';
+import { StyleValue } from '../ele-app/types';
+import { ElTagProps } from '../ele-app/el';
+import { EleTooltipProps } from '../ele-app/plus';
 import { Validator, BeforeRemove } from './types';
 
 /**
@@ -8,33 +11,33 @@ export declare const editTagProps: {
     /** 标签数据 */
     modelValue: PropType<string[]>;
     /** 类型 */
-    type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
+    type: PropType<ElTagProps["type"]>;
     /** 是否有边框描边 */
     hit: BooleanConstructor;
     /** 颜色 */
     color: StringConstructor;
     /** 尺寸 */
-    size: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown> | undefined>;
+    size: PropType<ElTagProps["size"]>;
     /** 主题 */
-    effect: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown> | undefined>;
+    effect: PropType<ElTagProps["effect"]>;
     /** 是否为圆形 */
     round: BooleanConstructor;
     /** 提示文本 */
     placeholder: StringConstructor;
     /** 输入框样式 */
-    inputStyle: PropType<Partial<import('vue').CSSProperties>>;
+    inputStyle: PropType<StyleValue>;
     /** 输入框外层标签样式 */
-    inputTagStyle: PropType<Partial<import('vue').CSSProperties>>;
+    inputTagStyle: PropType<StyleValue>;
     /** 添加按钮样式 */
-    buttonStyle: PropType<Partial<import('vue').CSSProperties>>;
+    buttonStyle: PropType<StyleValue>;
     /** 标签样式 */
-    itemStyle: PropType<Partial<import('vue').CSSProperties>>;
+    itemStyle: PropType<StyleValue>;
     /** 添加校验方法 */
     validator: PropType<Validator>;
     /** 移除校验方法 */
     beforeRemove: PropType<BeforeRemove>;
     /** 提示属性 */
-    tooltipProps: PropType<Partial<import('../ele-tooltip/props').TooltipProps>>;
+    tooltipProps: PropType<EleTooltipProps>;
     /** 是否只读 */
     readonly: BooleanConstructor;
     /** 是否禁用 */
@@ -47,4 +50,6 @@ export type EditTagProps = ExtractPropTypes<typeof editTagProps>;
 export declare const editTagEmits: {
     /** 更新数据 */
     'update:modelValue': (_value?: string[]) => boolean;
+    /** 数据改变事件 */
+    change: (_value?: string[]) => boolean;
 };

package/lib/ele-ellipsis/index.cjs

@@ -48,7 +48,7 @@ const _sfc_main = vue.defineComponent({
       }
       return style;
     });
-    const onHover = (e) => {
+    const handleHover = (e) => {
       if (!props2.tooltip) {
         virtualRef.value = void 0;
         return;
@@ -81,7 +81,7 @@ const _sfc_main = vue.defineComponent({
       multiLine,
       textProps,
       rootStyle,
-      onHover
+      handleHover
     };
   }
 });
@@ -99,7 +99,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ref: "textRef",
     style: _ctx.rootStyle,
     class: ["ele-ellipsis", { "is-multi-line": _ctx.multiLine }],
-    onMouseover: _ctx.onHover
+    onMouseover: _ctx.handleHover
   }), {
     default: vue.withCtx(() => [
       vue.renderSlot(_ctx.$slots, "default"),

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

@@ -1,3 +1,4 @@
+import { StyleValue } from '../ele-app/types';
 import { EleTextProps, EleTextInstance } from '../ele-app/plus';
 import { EllipsisTooltip } from './types';
 
@@ -21,8 +22,8 @@ declare const _default: import('vue').DefineComponent<{
     strong: BooleanConstructor;
     italic: BooleanConstructor;
     icon: import('vue').PropType<import('../ele-text/types').TextIcon>;
-    iconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>; /** 文本组件 */
-    iconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    iconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
+    iconStyle: import('vue').PropType<StyleValue>;
 }, {
     textRef: import('vue').Ref<EleTextInstance>;
     virtualRef: import('vue').Ref<HTMLElement | undefined>;
@@ -30,7 +31,7 @@ declare const _default: import('vue').DefineComponent<{
     multiLine: import('vue').ComputedRef<boolean>;
     textProps: import('vue').ComputedRef<EleTextProps>;
     rootStyle: import('vue').ComputedRef<Partial<import('vue').CSSProperties>>;
-    onHover: (e: MouseEvent) => void;
+    handleHover: (e: MouseEvent) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     maxLine: NumberConstructor;
     lineHeight: (StringConstructor | NumberConstructor)[];
@@ -51,8 +52,8 @@ declare const _default: import('vue').DefineComponent<{
     strong: BooleanConstructor;
     italic: BooleanConstructor;
     icon: import('vue').PropType<import('../ele-text/types').TextIcon>;
-    iconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>; /** 文本组件 */
-    iconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    iconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
+    iconStyle: import('vue').PropType<StyleValue>;
 }>>, {
     tag: string;
     underline: boolean;

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

@@ -28,6 +28,6 @@ export declare const ellipsisProps: {
     italic: BooleanConstructor;
     icon: PropType<import('../ele-text/types').TextIcon>;
     iconProps: PropType<import('../ele-app/el').ElIconProps>;
-    iconStyle: PropType<Partial<import('vue').CSSProperties>>;
+    iconStyle: PropType<import('../ele-app/types').StyleValue>;
 };
 export type EllipsisProps = ExtractPropTypes<typeof ellipsisProps>;

package/lib/ele-file-list/components/file-grid-item.cjs

@@ -68,23 +68,23 @@ const _sfc_main = vue.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);
@@ -96,11 +96,11 @@ const _sfc_main = vue.defineComponent({
       selectable,
       selected,
       icon,
-      onClick,
-      onCheckChange,
-      onContextmenu,
-      onItemContextMenu,
-      onContextVisibleChange
+      handleClick,
+      handleCheckChange,
+      handleContextmenu,
+      handleItemContextMenu,
+      handleContextVisibleChange
     };
   }
 });
@@ -126,11 +126,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       { "is-checked": _ctx.selected },
       { "is-active": _ctx.dropdownVisible }
     ]),
-    onClick: _cache[3] || (_cache[3] = vue.withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"]))
+    onClick: _cache[3] || (_cache[3] = vue.withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
   }, [
     vue.createElementVNode("div", {
       class: "ele-file-list-item-body",
-      onContextmenu: _cache[0] || (_cache[0] = (...args) => _ctx.onContextmenu && _ctx.onContextmenu(...args))
+      onContextmenu: _cache[0] || (_cache[0] = (...args) => _ctx.handleContextmenu && _ctx.handleContextmenu(...args))
     }, [
       vue.createElementVNode("div", _hoisted_1, [
         vue.renderSlot(_ctx.$slots, "icon", {
@@ -153,7 +153,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.selectable ? (vue.openBlock(), vue.createElementBlock("div", {
       key: 0,
       class: "ele-file-list-item-checkbox",
-      onClick: _cache[1] || (_cache[1] = vue.withModifiers((...args) => _ctx.onCheckChange && _ctx.onCheckChange(...args), ["stop"]))
+      onClick: _cache[1] || (_cache[1] = vue.withModifiers((...args) => _ctx.handleCheckChange && _ctx.handleCheckChange(...args), ["stop"]))
     }, _hoisted_5)) : vue.createCommentVNode("", true),
     _ctx.contextMenus || _ctx.$slots.contextMenu ? (vue.openBlock(), vue.createBlock(_component_EleDropdown, vue.mergeProps({
       key: 1,
@@ -164,8 +164,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
     }), vue.createSlots({
       default: vue.withCtx(() => [
         vue.createElementVNode("div", {

package/lib/ele-file-list/components/file-grid-item.d.ts

@@ -27,11 +27,11 @@ declare const _default: import('vue').DefineComponent<{
     selectable: import('vue').ComputedRef<boolean>;
     selected: import('vue').ComputedRef<boolean>;
     icon: import('vue').ComputedRef<string | undefined>;
-    onClick: () => void;
-    onCheckChange: () => void;
-    onContextmenu: (e: MouseEvent) => void;
-    onItemContextMenu: (command: string) => void;
-    onContextVisibleChange: (visible: boolean) => void;
+    handleClick: () => void;
+    handleCheckChange: () => void;
+    handleContextmenu: (e: MouseEvent) => void;
+    handleItemContextMenu: (command: string) => void;
+    handleContextVisibleChange: (visible: boolean) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (_item: FileItem) => true;
     checkChange: (_item: FileItem) => true;

package/lib/ele-file-list/components/file-grid.cjs

@@ -55,19 +55,19 @@ const _sfc_main = vue.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 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) {
@@ -80,11 +80,11 @@ const _sfc_main = vue.defineComponent({
       itemRefs,
       headerText,
       getContextMenus,
-      onCheckAllChange,
-      onItemClick,
-      onItemCheckChange,
-      onItemContextMenu,
-      onItemContextOpen
+      handleCheckAllChange,
+      handleItemClick,
+      handleItemCheckChange,
+      handleItemContextMenu,
+      handleItemContextOpen
     };
   }
 });
@@ -108,7 +108,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       _ctx.selectionType === "checkbox" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("div", {
           class: "ele-file-list-selection",
-          onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.onCheckAllChange && _ctx.onCheckAllChange(...args), ["stop"]))
+          onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.handleCheckAllChange && _ctx.handleCheckAllChange(...args), ["stop"]))
         }, [
           vue.createElementVNode("i", {
             class: vue.normalizeClass([
@@ -133,10 +133,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             icons: _ctx.icons,
             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
           }, vue.createSlots({ _: 2 }, [
             vue.renderList(Object.keys(_ctx.$slots), (name) => {
               return {

package/lib/ele-file-list/components/file-grid.d.ts

@@ -30,11 +30,11 @@ declare const _default: import('vue').DefineComponent<{
     itemRefs: Ref<GridItemInstance[]>;
     headerText: import('vue').ComputedRef<string | undefined>;
     getContextMenus: (item: FileItem) => import('../../ele-dropdown/types').DropdownItem[] | undefined;
-    onCheckAllChange: () => void;
-    onItemClick: (item: FileItem) => void;
-    onItemCheckChange: (item: FileItem) => void;
-    onItemContextMenu: (option: ItemContextMenuOption) => void;
-    onItemContextOpen: (ref: EleDropdownInstance) => void;
+    handleCheckAllChange: () => void;
+    handleItemClick: (item: FileItem) => void;
+    handleItemCheckChange: (item: FileItem) => void;
+    handleItemContextMenu: (option: ItemContextMenuOption) => void;
+    handleItemContextOpen: (ref: EleDropdownInstance) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     checkAllChange: () => true;
     itemClick: (_item: FileItem) => true;
@@ -66,8 +66,8 @@ declare const _default: import('vue').DefineComponent<{
 }>> & {
     onItemClick?: ((_item: FileItem) => any) | undefined;
     onCheckAllChange?: (() => any) | undefined;
-    onItemContextMenu?: ((_option: ItemContextMenuOption) => any) | undefined;
     onItemCheckChange?: ((_item: FileItem) => any) | undefined;
+    onItemContextMenu?: ((_option: ItemContextMenuOption) => any) | undefined;
 }, {
     isIndeterminate: boolean;
     isCheckAll: boolean;

package/lib/ele-file-list/components/file-table-item.cjs

@@ -70,23 +70,23 @@ const _sfc_main = vue.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);
@@ -98,11 +98,11 @@ const _sfc_main = vue.defineComponent({
       selectable,
       selected,
       icon,
-      onClick,
-      onCheckChange,
-      onContextmenu,
-      onItemContextMenu,
-      onContextVisibleChange
+      handleClick,
+      handleCheckChange,
+      handleContextmenu,
+      handleItemContextMenu,
+      handleContextVisibleChange
     };
   }
 });
@@ -133,11 +133,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       { "is-checked": _ctx.selected },
       { "is-active": _ctx.dropdownVisible }
     ]),
-    onClick: _cache[3] || (_cache[3] = vue.withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"]))
+    onClick: _cache[3] || (_cache[3] = vue.withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
   }, [
     vue.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 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("i", {
@@ -146,7 +146,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             { "is-radio": _ctx.selectionType === "radio" },
             { "is-checked": _ctx.selected }
           ]),
-          onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.onCheckChange && _ctx.onCheckChange(...args), ["stop"]))
+          onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.handleCheckChange && _ctx.handleCheckChange(...args), ["stop"]))
         }, null, 2)
       ])) : vue.createCommentVNode("", true),
       vue.createElementVNode("div", _hoisted_2, [
@@ -196,8 +196,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
     }), vue.createSlots({
       default: vue.withCtx(() => [
         vue.createElementVNode("div", {

package/lib/ele-file-list/components/file-table-item.d.ts

@@ -29,11 +29,11 @@ declare const _default: import('vue').DefineComponent<{
     selectable: import('vue').ComputedRef<boolean>;
     selected: import('vue').ComputedRef<boolean>;
     icon: import('vue').ComputedRef<string | undefined>;
-    onClick: () => void;
-    onCheckChange: () => void;
-    onContextmenu: (e: MouseEvent) => void;
-    onItemContextMenu: (command: string) => void;
-    onContextVisibleChange: (visible: boolean) => void;
+    handleClick: () => void;
+    handleCheckChange: () => void;
+    handleContextmenu: (e: MouseEvent) => void;
+    handleItemContextMenu: (command: string) => void;
+    handleContextVisibleChange: (visible: boolean) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (_item: FileItem) => true;
     checkChange: (_item: FileItem) => true;

package/lib/ele-file-list/components/file-table.cjs

@@ -81,16 +81,16 @@ const _sfc_main = vue.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);
@@ -99,10 +99,10 @@ const _sfc_main = vue.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) {
@@ -115,12 +115,12 @@ const _sfc_main = vue.defineComponent({
       itemRefs,
       tableCols,
       getContextMenus,
-      onCheckAllChange,
-      onItemClick,
-      onItemCheckChange,
-      onSortChange,
-      onItemContextMenu,
-      onItemContextOpen
+      handleCheckAllChange,
+      handleItemClick,
+      handleItemCheckChange,
+      handleSortChange,
+      handleItemContextMenu,
+      handleItemContextOpen
     };
   }
 });
@@ -157,12 +157,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   { "is-checked": _ctx.isCheckAll },
                   { "is-indeterminate": _ctx.isIndeterminate }
                 ]),
-                onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.onCheckAllChange && _ctx.onCheckAllChange(...args), ["stop"]))
+                onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.handleCheckAllChange && _ctx.handleCheckAllChange(...args), ["stop"]))
               }, null, 2)) : vue.createCommentVNode("", true)
             ])) : vue.createCommentVNode("", true),
             vue.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"))
             }, [
               vue.createElementVNode("span", null, vue.toDisplayString(_ctx.nameText), 1),
               _ctx.sortable ? (vue.openBlock(), vue.createBlock(_component_FileSort, {
@@ -177,7 +177,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 key: col.prop,
                 style: vue.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)
               }, [
                 vue.createElementVNode("span", null, [
                   col.headerSlot && !["icon", "title", "tool", "contextMenu"].includes(
@@ -214,10 +214,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
           }, vue.createSlots({ _: 2 }, [
             vue.renderList(Object.keys(_ctx.$slots), (name) => {
               return {

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