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

package/es/ele-toolbar/index.js

@@ -1,10 +1,38 @@
-import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, mergeProps, withCtx, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, renderSlot } from "vue";
+import { defineComponent, ref, shallowReactive, provide, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, mergeProps, withCtx, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, renderSlot, createVNode } from "vue";
+import EleTooltip from "../ele-tooltip/index";
 import EleText from "../ele-text/index";
-import { toolbarProps } from "./props";
+import { toolbarProps, TOOLBAR_KEY } from "./props";
 const _sfc_main = defineComponent({
   name: "EleToolbar",
-  components: { EleText },
-  props: toolbarProps
+  components: { EleTooltip, EleText },
+  props: toolbarProps,
+  setup() {
+    const tooltipRef = ref(null);
+    const virtualRef = ref();
+    const tooltipContent = ref("");
+    const tooltipProps = ref({});
+    const showTooltip = (text, el, options) => {
+      virtualRef.value = el;
+      tooltipContent.value = text ?? "";
+      tooltipProps.value = options || {};
+    };
+    const hideTooltip = () => {
+      tooltipRef.value && tooltipRef.value.hide();
+    };
+    const toolbarProvide = shallowReactive({
+      showTooltip,
+      hideTooltip
+    });
+    provide(TOOLBAR_KEY, toolbarProvide);
+    return {
+      tooltipRef,
+      virtualRef,
+      tooltipContent,
+      tooltipProps,
+      showTooltip,
+      hideTooltip
+    };
+  }
 });
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
@@ -15,6 +43,7 @@ const _export_sfc = (sfc, props) => {
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_EleText = resolveComponent("EleText");
+  const _component_EleTooltip = resolveComponent("EleTooltip");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([
       "ele-toolbar",
@@ -57,7 +86,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       style: normalizeStyle(_ctx.toolsStyle)
     }, [
       renderSlot(_ctx.$slots, "tools")
-    ], 4)
+    ], 4),
+    createVNode(_component_EleTooltip, mergeProps({
+      trigger: "hover",
+      placement: "top",
+      persistent: false,
+      content: _ctx.tooltipContent
+    }, _ctx.tooltipProps || {}, {
+      virtualTriggering: true,
+      virtualRef: _ctx.virtualRef,
+      ref: "tooltipRef"
+    }), null, 16, ["content", "virtualRef"])
   ], 2);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

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

@@ -1,6 +1,6 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { PropType, ExtractPropTypes, InjectionKey } from 'vue';
 import { EleTextProps } from '../ele-app/plus';
-import { ToolbarTheme } from './types';
+import { ToolbarTheme, ToolbarProvide } from './types';
 
 /**
  * 属性
@@ -27,3 +27,7 @@ export declare const toolbarProps: {
     subtitleProps: PropType<EleTextProps>;
 };
 export type ToolbarProps = ExtractPropTypes<typeof toolbarProps>;
+/**
+ * 共享数据key
+ */
+export declare const TOOLBAR_KEY: InjectionKey<ToolbarProvide>;

package/es/ele-toolbar/props.js

@@ -19,6 +19,8 @@ const toolbarProps = {
   /** 二级标题组件属性 */
   subtitleProps: Object
 };
+const TOOLBAR_KEY = Symbol("toolbar");
 export {
+  TOOLBAR_KEY,
   toolbarProps
 };

package/es/ele-toolbar/style/index.js

@@ -1,2 +1,3 @@
+import "../../ele-tooltip/style/index";
 import "../../ele-text/style/index";
 import "./index.scss";

package/es/ele-toolbar/types.d.ts

@@ -1,4 +1,19 @@
+import type { EleTooltipProps } from '../ele-app/plus';
 /**
  * 工具栏主题
  */
 export type ToolbarTheme = 'default' | 'plain';
+
+/**
+ * 共享数据
+ */
+export interface ToolbarProvide {
+  /** 显示提示 */
+  showTooltip?: (
+    text?: string,
+    el?: HTMLElement,
+    options?: EleTooltipProps
+  ) => void;
+  /** 关闭提示 */
+  hideTooltip?: () => void;
+}

package/es/ele-tooltip/index.d.ts

@@ -51,16 +51,16 @@ declare const _default: import('vue').DefineComponent<{
     contentRef: import('vue').ComputedRef<any>;
     isFocusInsideContent: () => void;
     updatePopper: () => void;
-    onOpen: (opt?: Event) => void;
-    onClose: (opt?: Event) => void;
+    handleOpen: (opt?: Event) => void;
+    handleClose: (opt?: Event) => void;
     hide: (opt?: Event) => void;
-    onUpdateVisible: (visible: boolean) => void;
-    onPopBeforeShow: (e: Event) => void;
-    onPopBeforeHide: (e: Event) => void;
-    onPopShow: (e: Event) => void;
-    onPopHide: (e: Event) => void;
-    onPopOpen: (e: any) => void;
-    onPopClose: (e: any) => void;
+    handleUpdateVisible: (visible: boolean) => void;
+    handlePopBeforeShow: (e: Event) => void;
+    handlePopBeforeHide: (e: Event) => void;
+    handlePopShow: (e: Event) => void;
+    handlePopHide: (e: Event) => void;
+    handlePopOpen: (e: any) => void;
+    handlePopClose: (e: any) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, import('./props').TooltipEmits, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     bg: StringConstructor;

package/es/ele-tooltip/index.js

@@ -76,34 +76,34 @@ const _sfc_main = defineComponent({
     const updatePopper = () => {
       tooltipRef.value && tooltipRef.value.updatePopper();
     };
-    const onOpen = (opt) => {
+    const handleOpen = (opt) => {
       tooltipRef.value && tooltipRef.value.onOpen(opt);
     };
-    const onClose = (opt) => {
+    const handleClose = (opt) => {
       tooltipRef.value && tooltipRef.value.onClose(opt);
     };
     const hide = (opt) => {
       tooltipRef.value && tooltipRef.value.hide(opt);
     };
-    const onUpdateVisible = (visible) => {
+    const handleUpdateVisible = (visible) => {
       emit("update:visible", visible);
     };
-    const onPopBeforeShow = (e) => {
+    const handlePopBeforeShow = (e) => {
       emit("before-show", e);
     };
-    const onPopBeforeHide = (e) => {
+    const handlePopBeforeHide = (e) => {
       emit("before-hide", e);
     };
-    const onPopShow = (e) => {
+    const handlePopShow = (e) => {
       emit("show", e);
     };
-    const onPopHide = (e) => {
+    const handlePopHide = (e) => {
       emit("hide", e);
     };
-    const onPopOpen = (e) => {
+    const handlePopOpen = (e) => {
       emit("open", e);
     };
-    const onPopClose = (e) => {
+    const handlePopClose = (e) => {
       emit("close", e);
     };
     return {
@@ -113,16 +113,16 @@ const _sfc_main = defineComponent({
       contentRef,
       isFocusInsideContent,
       updatePopper,
-      onOpen,
-      onClose,
+      handleOpen,
+      handleClose,
       hide,
-      onUpdateVisible,
-      onPopBeforeShow,
-      onPopBeforeHide,
-      onPopShow,
-      onPopHide,
-      onPopOpen,
-      onPopClose
+      handleUpdateVisible,
+      handlePopBeforeShow,
+      handlePopBeforeHide,
+      handlePopShow,
+      handlePopHide,
+      handlePopOpen,
+      handlePopClose
     };
   }
 });
@@ -138,13 +138,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElTooltip = resolveComponent("ElTooltip");
   return openBlock(), createBlock(_component_ElTooltip, mergeProps(_ctx.rootProps, {
     ref: "tooltipRef",
-    "onUpdate:visible": _ctx.onUpdateVisible,
-    onBeforeShow: _ctx.onPopBeforeShow,
-    onBeforeHide: _ctx.onPopBeforeHide,
-    onShow: _ctx.onPopShow,
-    onHide: _ctx.onPopHide,
-    onOpen: _ctx.onPopOpen,
-    onClose: _ctx.onPopClose
+    "onUpdate:visible": _ctx.handleUpdateVisible,
+    onBeforeShow: _ctx.handlePopBeforeShow,
+    onBeforeHide: _ctx.handlePopBeforeHide,
+    onShow: _ctx.handlePopShow,
+    onHide: _ctx.handlePopHide,
+    onOpen: _ctx.handlePopOpen,
+    onClose: _ctx.handlePopClose
   }), {
     content: withCtx(() => [
       renderSlot(_ctx.$slots, "body", {}, () => [

package/es/ele-tour/index.d.ts

@@ -28,9 +28,9 @@ declare const _default: import('vue').DefineComponent<{
     isLast: Ref<boolean>;
     boxStyle: Ref<Partial<import('vue').CSSProperties>>;
     showMask: Ref<boolean>;
-    onPrev: () => void;
-    onNext: () => void;
-    onFinish: () => void;
+    handlePrev: () => void;
+    handleNext: () => void;
+    handleFinish: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:modelValue': (_value?: number | null | undefined) => boolean;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{

package/es/ele-tour/index.js

@@ -68,17 +68,17 @@ const _sfc_main = defineComponent({
     const updateModelValue = (value) => {
       emit("update:modelValue", value);
     };
-    const onPrev = () => {
+    const handlePrev = () => {
       if (props.modelValue != null && props.steps != null && props.steps.length && props.modelValue > 0) {
         updateModelValue(props.modelValue - 1);
       }
     };
-    const onNext = () => {
+    const handleNext = () => {
       if (props.modelValue != null && props.steps != null && props.steps.length && props.modelValue < props.steps.length - 1) {
         updateModelValue(props.modelValue + 1);
       }
     };
-    const onFinish = () => {
+    const handleFinish = () => {
       updateModelValue(null);
     };
     const updatePopper = () => {
@@ -103,9 +103,9 @@ const _sfc_main = defineComponent({
       isLast,
       boxStyle,
       showMask,
-      onPrev,
-      onNext,
-      onFinish
+      handlePrev,
+      handleNext,
+      handleFinish
     };
   }
 });
@@ -181,7 +181,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     !_ctx.isLast ? (openBlock(), createBlock(_component_ElButton, {
                       key: 0,
                       size: "small",
-                      onClick: _ctx.onFinish
+                      onClick: _ctx.handleFinish
                     }, {
                       default: withCtx(() => [
                         createTextVNode(toDisplayString(_ctx.lang.skip), 1)
@@ -191,7 +191,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     _ctx.modelValue !== 0 ? (openBlock(), createBlock(_component_ElButton, {
                       key: 1,
                       size: "small",
-                      onClick: _ctx.onPrev
+                      onClick: _ctx.handlePrev
                     }, {
                       default: withCtx(() => [
                         createTextVNode(toDisplayString(_ctx.lang.prev), 1)
@@ -202,7 +202,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                       key: 2,
                       size: "small",
                       type: "primary",
-                      onClick: _ctx.onNext
+                      onClick: _ctx.handleNext
                     }, {
                       default: withCtx(() => [
                         createTextVNode(toDisplayString(_ctx.lang.next), 1)
@@ -213,7 +213,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                       key: 3,
                       size: "small",
                       type: "primary",
-                      onClick: _ctx.onFinish
+                      onClick: _ctx.handleFinish
                     }, {
                       default: withCtx(() => [
                         createTextVNode(toDisplayString(_ctx.lang.finish), 1)

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

@@ -66,15 +66,15 @@ declare const _default: import('vue').DefineComponent<{
     updatePopover: () => void;
     treeFilter: (keywords: string, item: DataItem) => any;
     updateVisible: (visible: boolean) => void;
-    onSelectFilter: (keywords: string) => void;
-    onSelectRemove: (item: SelectedItem) => void;
-    onSelectClear: () => void;
-    onSelectFocus: (e: FocusEvent) => void;
-    onSelectBlur: (e: FocusEvent) => void;
-    onTreeClick: (item: DataItem, _node: any, e: MouseEvent) => void;
-    onTreeCheck: () => void;
-    onTreeExpand: () => void;
-    onTreeCollapse: () => void;
+    handleSelectFilter: (keywords: string) => void;
+    handleSelectRemove: (item: SelectedItem) => void;
+    handleSelectClear: () => void;
+    handleSelectFocus: (e: FocusEvent) => void;
+    handleSelectBlur: (e: FocusEvent) => void;
+    handleTreeClick: (item: DataItem, _node: any, e: MouseEvent) => void;
+    handleTreeCheck: () => void;
+    handleTreeExpand: () => void;
+    handleTreeCollapse: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:modelValue': (_value: SelectValue) => boolean;
     change: (_value: SelectValue) => boolean;

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

@@ -133,7 +133,7 @@ const _sfc_main = defineComponent({
       const label = item[treeOptions.value.label];
       return label != null && label.includes(keywords);
     };
-    const onSelectFilter = (keywords) => {
+    const handleSelectFilter = (keywords) => {
       treeRef.value && treeRef.value.filter(keywords);
     };
     const focusSearchInput = () => {
@@ -147,14 +147,14 @@ const _sfc_main = defineComponent({
     };
     const updateVisible = (visible) => {
       if (visible) {
-        onSelectFilter("");
+        handleSelectFilter("");
       }
       if (selectVisible.value !== visible) {
         selectVisible.value = visible;
         emit("visibleChange", visible);
       }
     };
-    const onSelectRemove = (item) => {
+    const handleSelectRemove = (item) => {
       treeRef.value && treeRef.value.setChecked(item.value, false);
       const keys = treeRef.value && treeRef.value.getCheckedKeys() || [];
       selectedItems.value = getMultipleSelected(keys);
@@ -163,18 +163,18 @@ const _sfc_main = defineComponent({
       );
       emit("removeTag", item.value);
     };
-    const onSelectClear = () => {
+    const handleSelectClear = () => {
       updateModelValue(props.multiple ? [] : null);
       updateVisible(false);
       emit("clear");
     };
-    const onSelectFocus = (e) => {
+    const handleSelectFocus = (e) => {
       emit("focus", e);
     };
-    const onSelectBlur = (e) => {
+    const handleSelectBlur = (e) => {
       emit("blur", e);
     };
-    const onTreeClick = (item, _node, e) => {
+    const handleTreeClick = (item, _node, e) => {
       var _a, _b, _c;
       e.stopPropagation();
       const valueKey = treeOptions.value.value;
@@ -240,7 +240,7 @@ const _sfc_main = defineComponent({
         );
       }
     };
-    const onTreeCheck = () => {
+    const handleTreeCheck = () => {
       const keys = treeRef.value && treeRef.value.getCheckedKeys() || [];
       selectedItems.value = getMultipleSelected(keys);
       updateModelValue(
@@ -248,10 +248,10 @@ const _sfc_main = defineComponent({
       );
       focusSearchInput();
     };
-    const onTreeExpand = () => {
+    const handleTreeExpand = () => {
       focusSearchInput();
     };
-    const onTreeCollapse = () => {
+    const handleTreeCollapse = () => {
       focusSearchInput();
     };
     watch(
@@ -353,15 +353,15 @@ const _sfc_main = defineComponent({
       updatePopover,
       treeFilter,
       updateVisible,
-      onSelectFilter,
-      onSelectRemove,
-      onSelectClear,
-      onSelectFocus,
-      onSelectBlur,
-      onTreeClick,
-      onTreeCheck,
-      onTreeExpand,
-      onTreeCollapse
+      handleSelectFilter,
+      handleSelectRemove,
+      handleSelectClear,
+      handleSelectFocus,
+      handleSelectBlur,
+      handleTreeClick,
+      handleTreeCheck,
+      handleTreeExpand,
+      handleTreeCollapse
     };
   }
 });
@@ -402,11 +402,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     selected: _ctx.selectedItems.filter((d) => !d.hide),
     visible: _ctx.selectVisible,
     "onUpdate:visible": _ctx.updateVisible,
-    onFilterChange: _ctx.onSelectFilter,
-    onRemoveTag: _ctx.onSelectRemove,
-    onClear: _ctx.onSelectClear,
-    onFocus: _ctx.onSelectFocus,
-    onBlur: _ctx.onSelectBlur
+    onFilterChange: _ctx.handleSelectFilter,
+    onRemoveTag: _ctx.handleSelectRemove,
+    onClear: _ctx.handleSelectClear,
+    onFocus: _ctx.handleSelectFocus,
+    onBlur: _ctx.handleSelectBlur
   }, createSlots({
     default: withCtx(() => [
       createVNode(_component_ElTreeV2, mergeProps({
@@ -419,10 +419,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         showCheckbox: !!_ctx.multiple,
         checkOnClickNode: false,
         defaultCheckedKeys: _ctx.multiple ? _ctx.modelValue : void 0,
-        onCheck: _ctx.onTreeCheck,
-        onNodeClick: _ctx.onTreeClick,
-        onNodeExpand: _ctx.onTreeExpand,
-        onNodeCollapse: _ctx.onTreeCollapse
+        onCheck: _ctx.handleTreeCheck,
+        onNodeClick: _ctx.handleTreeClick,
+        onNodeExpand: _ctx.handleTreeExpand,
+        onNodeCollapse: _ctx.handleTreeCollapse
       }), {
         default: withCtx((slotProps) => [
           createElementVNode("span", {

package/es/ele-upload-list/components/list-item.d.ts

@@ -22,9 +22,9 @@ declare const _default: import('vue').DefineComponent<{
         required: true;
     };
 }, {
-    onRemove: () => void;
-    onItemClick: () => void;
-    onRetry: () => void;
+    handleRemove: () => void;
+    handleItemClick: () => void;
+    handleRetry: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     itemClick: (_item: UploadItem) => true;
     remove: (_item: UploadItem) => true;

package/es/ele-upload-list/components/list-item.js

@@ -39,16 +39,16 @@ const _sfc_main = defineComponent({
     retry: (_item) => true
   },
   setup(props, { emit }) {
-    const onRemove = () => {
+    const handleRemove = () => {
       emit("remove", props.item);
     };
-    const onItemClick = () => {
+    const handleItemClick = () => {
       emit("itemClick", props.item);
     };
-    const onRetry = () => {
+    const handleRetry = () => {
       emit("retry", props.item);
     };
-    return { onRemove, onItemClick, onRetry };
+    return { handleRemove, handleItemClick, handleRetry };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -83,7 +83,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     title: _ctx.item.name,
     class: "ele-upload-item",
-    onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onItemClick && _ctx.onItemClick(...args))
+    onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleItemClick && _ctx.handleItemClick(...args))
   }, [
     renderSlot(_ctx.$slots, "thumbnail", { item: _ctx.item }, () => [
       _ctx.item.url ? (openBlock(), createBlock(_component_ElImage, mergeProps({
@@ -103,7 +103,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     !_ctx.readonly && !_ctx.disabled && !_ctx.item.readonly ? (openBlock(), createElementBlock("div", {
       key: 0,
       class: "ele-upload-remove",
-      onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onRemove && _ctx.onRemove(...args), ["stop"]))
+      onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleRemove && _ctx.handleRemove(...args), ["stop"]))
     }, [
       renderSlot(_ctx.$slots, "remove", { item: _ctx.item }, () => [
         createVNode(_component_ElIcon, null, {
@@ -125,7 +125,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           _ctx.item.status === "exception" ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: "ele-upload-retry",
-            onClick: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.onRetry && _ctx.onRetry(...args), ["stop"]))
+            onClick: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.handleRetry && _ctx.handleRetry(...args), ["stop"]))
           }, [
             createVNode(_component_EleTooltip, {
               content: _ctx.locale.retry,

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

@@ -42,10 +42,10 @@ declare const _default: import('vue').DefineComponent<{
     uploadEnable: import('vue').ComputedRef<boolean>;
     draggableProps: import('vue').ComputedRef<Record<string | number | symbol, any>>;
     updateModelValue: (value: UploadItem[]) => void;
-    onUpload: (file: File) => boolean;
-    onItemRemove: (item: UploadItem) => void;
-    onItemClick: (item: UploadItem) => void;
-    onItemRetry: (item: UploadItem) => void;
+    handleUpload: (file: File) => boolean;
+    handleItemRemove: (item: UploadItem) => void;
+    handleItemClick: (item: UploadItem) => void;
+    handleItemRetry: (item: UploadItem) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:modelValue': (_value: UploadItem[]) => boolean;
     itemClick: (_item: UploadItem) => boolean;

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

@@ -51,7 +51,7 @@ const _sfc_main = defineComponent({
     const updateModelValue = (value) => {
       emit("update:modelValue", value);
     };
-    const onUpload = (file) => {
+    const handleUpload = (file) => {
       if (!uploadEnable.value || props.disabled) {
         return false;
       }
@@ -63,15 +63,15 @@ const _sfc_main = defineComponent({
         file
       };
       if (file.type.startsWith("image")) {
-        item.url = window.URL.createObjectURL(file);
+        item.url = URL.createObjectURL(file);
       }
       emit("upload", item);
       return false;
     };
-    const onItemRemove = (item) => {
+    const handleItemRemove = (item) => {
       emit("remove", item);
     };
-    const onItemClick = (item) => {
+    const handleItemClick = (item) => {
       if (props.preview && item.url && props.modelValue != null) {
         const temp = props.modelValue.filter((d) => !!d.url);
         const i = temp.findIndex((t) => t.key === item.key);
@@ -92,7 +92,7 @@ const _sfc_main = defineComponent({
       }
       emit("itemClick", item);
     };
-    const onItemRetry = (item) => {
+    const handleItemRetry = (item) => {
       emit("retry", item);
     };
     onDeactivated(() => {
@@ -105,10 +105,10 @@ const _sfc_main = defineComponent({
       uploadEnable,
       draggableProps,
       updateModelValue,
-      onUpload,
-      onItemRemove,
-      onItemClick,
-      onItemRetry
+      handleUpload,
+      handleItemRemove,
+      handleItemClick,
+      handleItemRetry
     };
   }
 });
@@ -140,9 +140,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: normalizeClass({
           "ele-draggable": _ctx.sortable && !_ctx.readonly && !_ctx.disabled && _ctx.limit !== 1
         }),
-        onItemClick: _ctx.onItemClick,
-        onRemove: _ctx.onItemRemove,
-        onRetry: _ctx.onItemRetry
+        onItemClick: _ctx.handleItemClick,
+        onRemove: _ctx.handleItemRemove,
+        onRetry: _ctx.handleItemRetry
       }, createSlots({ _: 2 }, [
         renderList(Object.keys(_ctx.$slots), (name) => {
           return {
@@ -167,7 +167,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           multiple: _ctx.multiple,
           disabled: _ctx.disabled,
           showUploadList: false,
-          beforeUpload: _ctx.onUpload
+          beforeUpload: _ctx.handleUpload
         }, {
           default: withCtx(() => [
             renderSlot(_ctx.$slots, "icon", {}, () => [

package/es/ele-virtual-table/components/body-cell.d.ts

@@ -76,14 +76,14 @@ declare const _default: import('vue').DefineComponent<{
     cellText: import('vue').ComputedRef<string | undefined>;
     isExpandCol: import('vue').ComputedRef<boolean>;
     renderOpt: import('vue').ComputedRef<CustomRenderProps>;
-    onTextClick: (e: MouseEvent) => void;
-    onCheckedChange: (checked: boolean) => void;
-    onExpandChange: () => void;
-    onClick: (e: MouseEvent) => void;
-    onDblclick: (e: MouseEvent) => void;
-    onContextmenu: (e: MouseEvent) => void;
-    onMouseenter: (e: MouseEvent) => void;
-    onMouseleave: (e: MouseEvent) => void;
+    handleTextClick: (e: MouseEvent) => void;
+    handleCheckedChange: (checked: boolean) => void;
+    handleExpandChange: () => void;
+    handleClick: (e: MouseEvent) => void;
+    handleDblclick: (e: MouseEvent) => void;
+    handleContextmenu: (e: MouseEvent) => void;
+    handleMouseenter: (e: MouseEvent) => void;
+    handleMouseleave: (e: MouseEvent) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     /** 多选框选中改变事件 */
     checkedChange: (_checked: boolean) => true;