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

package/lib/ele-admin-layout/style/index.scss

@@ -14,7 +14,8 @@
   background: eleVar('layout', 'bg');
   box-sizing: border-box;
   position: relative;
-  min-height: 100%;
+  min-height: 100vh;
+  min-height: 100dvh;
 
   & > .ele-admin-header {
     z-index: calc(#{eleVar('layout', 'index')} + 4);
@@ -103,7 +104,11 @@
 
 .ele-admin-layout {
   /* 固定主体 */
-  &.is-fixed-body,
+  &.is-fixed-body {
+    height: 100vh;
+    height: 100dvh;
+  }
+
   &.is-fixed-body > .ele-admin-main,
   &.is-fixed-body > .ele-admin-main > .ele-admin-body,
   &.is-fixed-body > .ele-admin-main > .ele-admin-side,

package/lib/ele-admin-layout/style/sidebar.scss

@@ -139,6 +139,8 @@
   position: sticky;
   left: 0;
   top: 0;
+  height: 100vh;
+  height: 100dvh;
 }
 
 .ele-admin-side.show-placeholder {

package/lib/ele-alert/index.cjs

@@ -20,7 +20,7 @@ const _sfc_main = vue.defineComponent({
     const isRich = vue.computed(() => {
       return !!props2.description || !!slots.default;
     });
-    const onClose = (e) => {
+    const handleClose = (e) => {
       if (!visible.value || !props2.closable) {
         return;
       }
@@ -32,7 +32,7 @@ const _sfc_main = vue.defineComponent({
         visible.value = true;
       }
     };
-    return { visible, isRich, onClose, open };
+    return { visible, isRich, handleClose, open };
   }
 });
 const _export_sfc = (sfc, props2) => {
@@ -106,7 +106,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           key: 1,
           class: "ele-alert-close",
           style: vue.normalizeStyle(_ctx.closeIconStyle),
-          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClose && _ctx.onClose(...args))
+          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
         }, [
           vue.renderSlot(_ctx.$slots, "closeIcon", {}, () => [
             _ctx.closeText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(_ctx.closeText), 1)) : (vue.openBlock(), vue.createBlock(_component_ElIcon, vue.normalizeProps(vue.mergeProps({ key: 1 }, _ctx.closeIconProps || {})), {

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

@@ -24,7 +24,7 @@ declare const _default: import('vue').DefineComponent<{
 }, {
     visible: import('vue').Ref<boolean>;
     isRich: import('vue').ComputedRef<boolean>;
-    onClose: (e: MouseEvent) => void;
+    handleClose: (e: MouseEvent) => void;
     open: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: (_e: MouseEvent) => boolean;

package/lib/ele-app/components/message-body.cjs

@@ -25,13 +25,19 @@ const _sfc_main = vue.defineComponent({
     /** 内容是否是富文本 */
     dangerouslyUseHTMLString: Boolean,
     /** 是否是加载框 */
-    loading: Boolean
+    loading: Boolean,
+    /** 标识id */
+    messageId: String
   },
   emits: {
-    close: () => true
+    close: () => true,
+    messageDestroy: (_messageId) => true
   },
-  setup(_props, { emit }) {
-    return { onClose: () => emit("close") };
+  setup(props, { emit }) {
+    vue.onBeforeUnmount(() => {
+      emit("messageDestroy", props.messageId);
+    });
+    return { handleClose: () => emit("close") };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -76,7 +82,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("div", {
       key: 0,
       class: "ele-message-close",
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClose && _ctx.onClose(...args))
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
     }, [
       vue.createVNode(_component_ElIcon, null, {
         default: vue.withCtx(() => [

package/lib/ele-app/components/message-body.d.ts

@@ -13,10 +13,13 @@ declare const _default: import('vue').DefineComponent<{
     dangerouslyUseHTMLString: BooleanConstructor;
     /** 是否是加载框 */
     loading: PropType<boolean | null>;
+    /** 标识id */
+    messageId: StringConstructor;
 }, {
-    onClose: () => void;
+    handleClose: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: () => true;
+    messageDestroy: (_messageId?: string) => true;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 内容 */
     message: StringConstructor;
@@ -30,8 +33,11 @@ declare const _default: import('vue').DefineComponent<{
     dangerouslyUseHTMLString: BooleanConstructor;
     /** 是否是加载框 */
     loading: PropType<boolean | null>;
+    /** 标识id */
+    messageId: StringConstructor;
 }>> & {
     onClose?: (() => any) | undefined;
+    onMessageDestroy?: ((_messageId?: string | undefined) => any) | undefined;
 }, {
     showClose: boolean;
     dangerouslyUseHTMLString: boolean;

package/lib/ele-app/components/message-box-icon.cjs

@@ -0,0 +1,62 @@
+"use strict";
+const vue = require("vue");
+const icons = require("../../icons");
+const _sfc_main = vue.defineComponent({
+  name: "MessageBoxIcon",
+  components: {
+    CloseOutlined: icons.CloseOutlined,
+    InfoCircleFilled: icons.InfoCircleFilled,
+    CheckCircleFilled: icons.CheckCircleFilled,
+    ExclamationCircleFilled: icons.ExclamationCircleFilled,
+    CloseCircleFilled: icons.CloseCircleFilled
+  },
+  props: {
+    /** 类型 */
+    type: String,
+    /** 图标 */
+    icon: [String, Object, Function],
+    /** 标识id */
+    boxId: String
+  },
+  emits: {
+    boxDestroy: (_boxId) => true,
+    boxMounted: (_) => true
+  },
+  setup(props, { emit }) {
+    var _a;
+    const ins = (_a = vue.getCurrentInstance) == null ? void 0 : _a.call(vue);
+    vue.onBeforeUnmount(() => {
+      emit("boxDestroy", props.boxId);
+    });
+    vue.onMounted(() => {
+      var _a2, _b;
+      emit("boxMounted", {
+        boxId: props.boxId,
+        // @ts-ignore
+        doClose: (_b = (_a2 = ins == null ? void 0 : ins.ctx) == null ? void 0 : _a2.$root) == null ? void 0 : _b.doClose
+      });
+    });
+    return {};
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = { class: "ele-message-box-icon" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_CheckCircleFilled = vue.resolveComponent("CheckCircleFilled");
+  const _component_ExclamationCircleFilled = vue.resolveComponent("ExclamationCircleFilled");
+  const _component_CloseCircleFilled = vue.resolveComponent("CloseCircleFilled");
+  const _component_InfoCircleFilled = vue.resolveComponent("InfoCircleFilled");
+  return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon), { key: 0 })) : _ctx.type === "success" ? (vue.openBlock(), vue.createBlock(_component_CheckCircleFilled, { key: 1 })) : _ctx.type === "warning" ? (vue.openBlock(), vue.createBlock(_component_ExclamationCircleFilled, { key: 2 })) : _ctx.type === "error" ? (vue.openBlock(), vue.createBlock(_component_CloseCircleFilled, { key: 3 })) : _ctx.type === "info" ? (vue.openBlock(), vue.createBlock(_component_InfoCircleFilled, { key: 4 })) : vue.createCommentVNode("", true)
+  ], 512)), [
+    [vue.vShow, _ctx.type || _ctx.icon]
+  ]);
+}
+const messageBoxIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = messageBoxIcon;

package/lib/ele-app/components/message-box-icon.d.ts

@@ -0,0 +1,30 @@
+import { PropType } from 'vue';
+
+declare const _default: import('vue').DefineComponent<{
+    /** 类型 */
+    type: PropType<("" | "success" | "warning" | "error" | "info") | undefined>;
+    /** 图标 */
+    icon: PropType<string | import('vue').Component | undefined>;
+    /** 标识id */
+    boxId: StringConstructor;
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    boxDestroy: (_boxId?: string) => true;
+    boxMounted: (_: {
+        boxId?: string;
+        doClose?: () => void;
+    }) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 类型 */
+    type: PropType<("" | "success" | "warning" | "error" | "info") | undefined>;
+    /** 图标 */
+    icon: PropType<string | import('vue').Component | undefined>;
+    /** 标识id */
+    boxId: StringConstructor;
+}>> & {
+    onBoxDestroy?: ((_boxId?: string | undefined) => any) | undefined;
+    onBoxMounted?: ((_: {
+        boxId?: string | undefined;
+        doClose?: (() => void) | undefined;
+    }) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/lib/ele-app/el.d.ts

@@ -54,6 +54,8 @@ import type {
   MenuItemGroupProps,
   // ElMessage
   MessageOptions,
+  // ElMessageBox
+  ElMessageBoxOptions as MessageBoxOptions,
   // ElPopper
   ElPopper,
   ElPopover,
@@ -220,6 +222,11 @@ export type ElMenuItemGroupProps = ComponentProps<MenuItemGroupProps>;
  */
 export type ElMessageOptions = Partial<MessageOptions>;
 
+/**
+ * ElMessageBox
+ */
+export type ElMessageBoxOptions = Partial<MessageBoxOptions>;
+
 /**
  * ElPopper
  */

package/lib/ele-app/plus.d.ts

@@ -23,6 +23,7 @@ import type { TableProps } from '../ele-table/props';
 import type EleTabs from '../ele-tabs/index';
 import type EleText from '../ele-text/index';
 import type { TextProps } from '../ele-text/props';
+import type EleTool from '../ele-tool/index';
 import type { ToolProps } from '../ele-tool/props';
 import type { ToolbarProps } from '../ele-toolbar/props';
 import type EleTooltip from '../ele-tooltip/index';
@@ -137,6 +138,8 @@ export type EleTextProps = ComponentProps<TextProps>;
 /**
  * EleTool
  */
+export type EleToolInstance = InstanceType<typeof EleTool> | null;
+
 export type EleToolProps = Partial<ToolProps>;
 
 /**

package/lib/ele-app/style/overwrite/message-box/index.scss

@@ -101,6 +101,25 @@ body .el-overlay.is-message-box > .el-overlay-message-box {
   }
 }
 
+/* useMessageBox */
+.ele-message-box > .el-message-box__content > .el-message-box__container {
+  gap: 0;
+
+  & > .el-message-box__status {
+    width: auto;
+    height: auto;
+  }
+}
+
+.ele-message-box-icon {
+  width: 1em;
+  height: 1em;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 12px;
+}
+
 /* 容器 */
 .ele-message-box-wrapper {
   position: absolute;

package/lib/ele-avatar-group/index.cjs

@@ -43,19 +43,19 @@ const _sfc_main = vue.defineComponent({
       }
       return props2.data.slice(props2.maxCount);
     });
-    const onItemHover = (item, e) => {
+    const handleItemHover = (item, e) => {
       if (props2.tooltip && item.label) {
         virtualRef.value = e.currentTarget;
         tooltipContent.value = item.label;
       }
     };
-    const onItemClick = (item) => {
+    const handleItemClick = (item) => {
       emit("itemClick", item);
     };
-    const onMoreClick = () => {
+    const handleMoreClick = () => {
       emit("moreClick");
     };
-    const onError = (option) => {
+    const handleError = (option) => {
       emit("error", option);
     };
     return {
@@ -67,10 +67,10 @@ const _sfc_main = vue.defineComponent({
       avatarData,
       overflowCount,
       overflowData,
-      onItemHover,
-      onItemClick,
-      onMoreClick,
-      onError
+      handleItemHover,
+      handleItemClick,
+      handleMoreClick,
+      handleError
     };
   }
 });
@@ -99,9 +99,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         shape: _ctx.shape,
         src: item.value,
         style: vue.normalizeStyle([_ctx.commonStyle, _ctx.itemStyle, _ctx.avatarStyle]),
-        onClick: ($event) => _ctx.onItemClick(item),
-        onError: (e) => _ctx.onError({ item, e }),
-        onMouseover: (e) => _ctx.onItemHover(item, e)
+        onClick: ($event) => _ctx.handleItemClick(item),
+        onError: (e) => _ctx.handleError({ item, e }),
+        onMouseover: (e) => _ctx.handleItemHover(item, e)
       }, {
         default: vue.withCtx(() => [
           _ctx.$slots.item ? vue.renderSlot(_ctx.$slots, "item", {
@@ -135,9 +135,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 shape: _ctx.shape,
                 src: item.value,
                 style: vue.normalizeStyle([_ctx.commonStyle, _ctx.itemStyle, _ctx.avatarStyle]),
-                onClick: ($event) => _ctx.onItemClick(item),
-                onError: (e) => _ctx.onError({ item, e }),
-                onMouseover: (e) => _ctx.onItemHover(item, e)
+                onClick: ($event) => _ctx.handleItemClick(item),
+                onError: (e) => _ctx.handleError({ item, e }),
+                onMouseover: (e) => _ctx.handleItemHover(item, e)
               }, {
                 default: vue.withCtx(() => [
                   _ctx.$slots.item ? vue.renderSlot(_ctx.$slots, "item", {
@@ -157,7 +157,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           shape: _ctx.shape,
           style: vue.normalizeStyle([_ctx.commonStyle, _ctx.itemStyle, _ctx.moreStyle]),
           class: "ele-avatar-more",
-          onClick: _ctx.onMoreClick
+          onClick: _ctx.handleMoreClick
         }, {
           default: vue.withCtx(() => [
             vue.createElementVNode("span", _hoisted_1, [

package/lib/ele-avatar-group/index.d.ts

@@ -31,10 +31,10 @@ declare const _default: import('vue').DefineComponent<{
     avatarData: import('vue').ComputedRef<AvatarItem[]>;
     overflowCount: import('vue').ComputedRef<number>;
     overflowData: import('vue').ComputedRef<AvatarItem[]>;
-    onItemHover: (item: AvatarItem, e: MouseEvent) => void;
-    onItemClick: (item: AvatarItem) => void;
-    onMoreClick: () => void;
-    onError: (option: AvatarErrorOption) => void;
+    handleItemHover: (item: AvatarItem, e: MouseEvent) => void;
+    handleItemClick: (item: AvatarItem) => void;
+    handleMoreClick: () => void;
+    handleError: (option: AvatarErrorOption) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     itemClick: (_item: AvatarItem) => boolean;
     moreClick: () => boolean;

package/lib/ele-basic-select/index.cjs

@@ -92,24 +92,24 @@ const _sfc_main = vue.defineComponent({
         emit("update:visible", visible);
       }
     };
-    const onTagClose = (item) => {
+    const handleTagClose = (item) => {
       if (!props2.disabled) {
         emit("removeTag", item);
       }
     };
-    const onClear = () => {
+    const handleClear = () => {
       emit("clear");
     };
-    const onInputFocus = (e) => {
+    const handleInputFocus = (e) => {
       if (props2.automaticDropdown && !props2.visible) {
         updateVisible(true);
       }
       emit("focus", e);
     };
-    const onInputBlur = (e) => {
+    const handleInputBlur = (e) => {
       emit("blur", e);
     };
-    const onInputEsc = (e) => {
+    const handleInputEsc = (e) => {
       if (!props2.disabled && props2.visible) {
         e.stopPropagation();
         e.preventDefault();
@@ -157,11 +157,11 @@ const _sfc_main = vue.defineComponent({
       updateSearchValue,
       updateInputValue,
       updateVisible,
-      onTagClose,
-      onClear,
-      onInputFocus,
-      onInputBlur,
-      onInputEsc
+      handleTagClose,
+      handleClear,
+      handleInputFocus,
+      handleInputBlur,
+      handleInputEsc
     };
   }
 });
@@ -239,15 +239,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           readonly: !_ctx.filterable || !_ctx.visible || _ctx.multiple,
           style: vue.normalizeStyle(_ctx.inputStyle),
           "onUpdate:modelValue": _ctx.updateInputValue,
-          onFocus: _ctx.onInputFocus,
-          onBlur: _ctx.onInputBlur,
-          onKeydown: vue.withKeys(_ctx.onInputEsc, ["esc"])
+          onFocus: _ctx.handleInputFocus,
+          onBlur: _ctx.handleInputBlur,
+          onKeydown: vue.withKeys(_ctx.handleInputEsc, ["esc"])
         }, vue.createSlots({
           suffix: vue.withCtx(() => [
             _ctx.clearable && !_ctx.disabled && !_ctx.isEmpty ? (vue.openBlock(), vue.createBlock(_component_ElIcon, {
               key: 0,
               class: "ele-select-clear el-input__icon",
-              onClick: vue.withModifiers(_ctx.onClear, ["stop"])
+              onClick: vue.withModifiers(_ctx.handleClear, ["stop"])
             }, {
               default: vue.withCtx(() => [
                 vue.renderSlot(_ctx.$slots, "clearIcon", {}, () => [
@@ -284,7 +284,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               closable: !_ctx.disabled,
               disableTransitions: true,
               title: item.label,
-              onClose: ($event) => _ctx.onTagClose(item)
+              onClose: ($event) => _ctx.handleTagClose(item)
             }, {
               default: vue.withCtx(() => [
                 item.label && _ctx.maxTagTextLength && item.label.length > _ctx.maxTagTextLength ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
@@ -326,7 +326,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 modelValue: _ctx.searchValue,
                 placeholder: _ctx.inputPlaceholder,
                 "onUpdate:modelValue": _ctx.updateSearchValue,
-                onKeydown: vue.withKeys(_ctx.onInputEsc, ["esc"])
+                onKeydown: vue.withKeys(_ctx.handleInputEsc, ["esc"])
               }, null, 8, ["size", "modelValue", "placeholder", "onUpdate:modelValue", "onKeydown"])
             ]),
             _: 1

package/lib/ele-basic-select/index.d.ts

@@ -50,11 +50,11 @@ declare const _default: import('vue').DefineComponent<{
     updateSearchValue: (modelValue: string) => void;
     updateInputValue: (modelValue: string) => void;
     updateVisible: (visible: boolean) => void;
-    onTagClose: (item: SelectedItem) => void;
-    onClear: () => void;
-    onInputFocus: (e: FocusEvent) => void;
-    onInputBlur: (e: FocusEvent) => void;
-    onInputEsc: (e: FocusEvent) => void;
+    handleTagClose: (item: SelectedItem) => void;
+    handleClear: () => void;
+    handleInputFocus: (e: FocusEvent) => void;
+    handleInputBlur: (e: FocusEvent) => void;
+    handleInputEsc: (e: FocusEvent) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:visible': (_visible: boolean) => boolean;
     removeTag: (_item: SelectedItem) => boolean;

package/lib/ele-card/index.cjs

@@ -90,7 +90,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: "ele-card-collapse-icon",
         onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.handleCollapseClick && _ctx.handleCollapseClick(...args), ["stop"]))
       }, [
-        vue.renderSlot(_ctx.$slots, "collapseIcon", {}, () => [
+        vue.renderSlot(_ctx.$slots, "collapseIcon", { collapse: _ctx.isCollapse }, () => [
           vue.createVNode(_component_ElIcon, null, {
             default: vue.withCtx(() => [
               vue.createVNode(_component_ArrowUp)

package/lib/ele-check-card/index.cjs

@@ -25,7 +25,7 @@ const _sfc_main = vue.defineComponent({
       emit("update:modelValue", value);
       emit("change", value);
     };
-    const onItemClick = (item) => {
+    const handleItemClick = (item) => {
       if (props2.disabled || item.disabled) {
         return;
       }
@@ -51,7 +51,7 @@ const _sfc_main = vue.defineComponent({
       }
       updateModelValue(props2.modelValue.filter((v) => v !== item.value));
     };
-    return { isChecked, onItemClick };
+    return { isChecked, handleItemClick };
   }
 });
 const _export_sfc = (sfc, props2) => {
@@ -84,7 +84,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 arrowStyle: _ctx.arrowStyle,
                 style: vue.normalizeStyle([_ctx.itemStyle, item.style]),
                 class: vue.normalizeClass([_ctx.itemClass, item.class]),
-                onClick: ($event) => _ctx.onItemClick(item)
+                onClick: ($event) => _ctx.handleItemClick(item)
               }, {
                 default: vue.withCtx((slotProps) => [
                   vue.renderSlot(_ctx.$slots, "item", vue.mergeProps({ ref_for: true }, slotProps || {}), () => [
@@ -110,7 +110,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         arrowStyle: _ctx.arrowStyle,
         style: vue.normalizeStyle([_ctx.itemStyle, item.style]),
         class: vue.normalizeClass([_ctx.itemClass, item.class]),
-        onClick: ($event) => _ctx.onItemClick(item)
+        onClick: ($event) => _ctx.handleItemClick(item)
       }, {
         default: vue.withCtx((slotProps) => [
           vue.renderSlot(_ctx.$slots, "item", vue.mergeProps({ ref_for: true }, slotProps || {}), () => [

package/lib/ele-check-card/index.d.ts

@@ -22,7 +22,7 @@ declare const _default: import('vue').DefineComponent<{
     row: import('vue').PropType<boolean | import('../ele-app/el').ElRowProps>;
 }, {
     isChecked: (item: CheckCardItem) => boolean;
-    onItemClick: (item: CheckCardItem) => void;
+    handleItemClick: (item: CheckCardItem) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:modelValue': (_value: CheckedValue) => boolean;
     change: (_value: CheckedValue) => boolean;

package/lib/ele-copyable/index.cjs

@@ -28,7 +28,7 @@ const _sfc_main = vue.defineComponent({
       }
       return ((_a = innerRef.value) == null ? void 0 : _a.innerText) || "";
     };
-    const onCopyClick = () => {
+    const handleCopyClick = () => {
       core.copyText(getText()).then(() => {
         copied.value = true;
         updateTooltip();
@@ -44,7 +44,7 @@ const _sfc_main = vue.defineComponent({
         emit("copy", error);
       });
     };
-    const onCopyHover = (e) => {
+    const handleCopyHover = (e) => {
       if (props2.tooltip) {
         virtualRef.value = e.currentTarget;
       }
@@ -64,8 +64,8 @@ const _sfc_main = vue.defineComponent({
       tooltipRef,
       virtualRef,
       copied,
-      onCopyClick,
-      onCopyHover
+      handleCopyClick,
+      handleCopyHover
     };
   }
 });
@@ -94,8 +94,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     vue.createElementVNode("div", {
       class: "ele-copyable-icon",
       style: vue.normalizeStyle(_ctx.customStyle),
-      onMouseover: _cache[0] || (_cache[0] = (...args) => _ctx.onCopyHover && _ctx.onCopyHover(...args)),
-      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onCopyClick && _ctx.onCopyClick(...args))
+      onMouseover: _cache[0] || (_cache[0] = (...args) => _ctx.handleCopyHover && _ctx.handleCopyHover(...args)),
+      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleCopyClick && _ctx.handleCopyClick(...args))
     }, [
       _ctx.copied ? (vue.openBlock(), vue.createBlock(_component_ElIcon, vue.normalizeProps(vue.mergeProps({ key: 0 }, _ctx.copiedIconProps || {})), {
         default: vue.withCtx(() => [

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

@@ -26,8 +26,8 @@ declare const _default: import('vue').DefineComponent<{
     tooltipRef: import('vue').Ref<EleTooltipInstance>;
     virtualRef: import('vue').Ref<HTMLElement | undefined>;
     copied: import('vue').Ref<boolean>;
-    onCopyClick: () => void;
-    onCopyHover: (e: MouseEvent) => void;
+    handleCopyClick: () => void;
+    handleCopyHover: (e: MouseEvent) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     copy: (_error?: any) => boolean;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{

package/lib/ele-cropper/components/cropper-tools.cjs

@@ -54,7 +54,7 @@ const _sfc_main = vue.defineComponent({
     const groups = vue.shallowRef([]);
     const tooltipContent = vue.ref("");
     const virtualRef = vue.ref();
-    const onUpload = (file) => {
+    const handleUpload = (file) => {
       const reader = new FileReader();
       reader.onload = (e) => {
         var _a;
@@ -66,10 +66,10 @@ const _sfc_main = vue.defineComponent({
       reader.readAsDataURL(file);
       return false;
     };
-    const onClick = (name) => {
+    const handleClick = (name) => {
       emit(name);
     };
-    const onItemHover = (item, e) => {
+    const handleItemHover = (item, e) => {
       const title = lang.value[item.name];
       if (props.tooltip && item.name !== "ok" && title) {
         virtualRef.value = e.currentTarget;
@@ -107,9 +107,9 @@ const _sfc_main = vue.defineComponent({
       groups,
       tooltipContent,
       virtualRef,
-      onUpload,
-      onClick,
-      onItemHover
+      handleUpload,
+      handleClick,
+      handleItemHover
     };
   }
 });
@@ -142,7 +142,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 action: "",
                 accept: _ctx.accept,
                 showUploadList: false,
-                beforeUpload: _ctx.onUpload,
+                beforeUpload: _ctx.handleUpload,
                 style: { "display": "inline-block", "line-height": "0" }
               }, {
                 default: vue.withCtx(() => [
@@ -150,7 +150,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     type: "primary",
                     icon: item.icon,
                     class: vue.normalizeClass(["ele-cropper-tool", item.className]),
-                    onMouseover: (e) => _ctx.onItemHover(item, e)
+                    onMouseover: (e) => _ctx.handleItemHover(item, e)
                   }, null, 8, ["icon", "class", "onMouseover"])
                 ]),
                 _: 2
@@ -159,8 +159,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 type: "primary",
                 icon: item.icon,
                 class: vue.normalizeClass(["ele-cropper-tool", item.className]),
-                onMouseover: (e) => _ctx.onItemHover(item, e),
-                onClick: ($event) => _ctx.onClick(item.name)
+                onMouseover: (e) => _ctx.handleItemHover(item, e),
+                onClick: ($event) => _ctx.handleClick(item.name)
               }, {
                 default: vue.withCtx(() => [
                   item.name === "ok" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [