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

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

@@ -1,17 +1,17 @@
 declare const _default: import('vue').DefineComponent<{
     header: StringConstructor;
     footer: StringConstructor;
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     bodyClass: StringConstructor;
-    shadow: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "always" | "never" | "hover", unknown> | undefined>;
+    shadow: import('vue').PropType<import('../ele-app/el').ElCardProps["shadow"]>;
     bordered: BooleanConstructor;
-    headerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    titleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    footerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    headerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    titleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    footerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     collapsable: import('vue').PropType<boolean | "header">;
     collapse: BooleanConstructor;
-    collapseIconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    flexTable: BooleanConstructor; /** 顶栏点击 */
+    collapseIconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    flexTable: BooleanConstructor;
 }, {
     isCollapse: import('vue').Ref<boolean>;
     handleBeforeLeave: (el: HTMLElement) => void;
@@ -27,17 +27,17 @@ declare const _default: import('vue').DefineComponent<{
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     header: StringConstructor;
     footer: StringConstructor;
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     bodyClass: StringConstructor;
-    shadow: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "always" | "never" | "hover", unknown> | undefined>;
+    shadow: import('vue').PropType<import('../ele-app/el').ElCardProps["shadow"]>;
     bordered: BooleanConstructor;
-    headerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    titleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    footerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    headerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    titleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    footerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     collapsable: import('vue').PropType<boolean | "header">;
     collapse: BooleanConstructor;
-    collapseIconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    flexTable: BooleanConstructor; /** 顶栏点击 */
+    collapseIconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    flexTable: BooleanConstructor;
 }>> & {
     onCollapseChange?: ((_collapse: boolean) => any) | undefined;
 }, {

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

@@ -1,4 +1,6 @@
 import { ExtractPropTypes, PropType } from 'vue';
+import { StyleValue } from '../ele-app/types';
+import { ElCardProps } from '../ele-app/el';
 
 /**
  * 属性
@@ -9,25 +11,25 @@ export declare const cardProps: {
     /** 页脚 */
     footer: StringConstructor;
     /** 主体样式 */
-    bodyStyle: PropType<Partial<import('vue').CSSProperties>>;
+    bodyStyle: PropType<StyleValue>;
     /** 主体类名 */
     bodyClass: StringConstructor;
     /** 阴影 */
-    shadow: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "always" | "never" | "hover", unknown> | undefined>;
+    shadow: PropType<ElCardProps["shadow"]>;
     /** 边框 */
     bordered: BooleanConstructor;
     /** 标题栏样式 */
-    headerStyle: PropType<Partial<import('vue').CSSProperties>>;
+    headerStyle: PropType<StyleValue>;
     /** 标题样式 */
-    titleStyle: PropType<Partial<import('vue').CSSProperties>>;
+    titleStyle: PropType<StyleValue>;
     /** 页脚样式 */
-    footerStyle: PropType<Partial<import('vue').CSSProperties>>;
+    footerStyle: PropType<StyleValue>;
     /** 是否可折叠 */
     collapsable: PropType<boolean | "header">;
     /** 是否折叠 */
     collapse: BooleanConstructor;
     /** 折叠按钮样式 */
-    collapseIconStyle: PropType<Partial<import('vue').CSSProperties>>;
+    collapseIconStyle: PropType<StyleValue>;
     /** 内部表格是否弹性布局 */
     flexTable: BooleanConstructor;
 };

package/lib/ele-check-card/components/card-item.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import { StyleValue } from '../../ele-app/types';
 import { CheckCardItem } from '../types';
 
 declare const _default: import('vue').DefineComponent<{
@@ -13,7 +14,7 @@ declare const _default: import('vue').DefineComponent<{
     /** 是否需要选中箭头 */
     arrow: BooleanConstructor;
     /** 选中箭头样式 */
-    arrowStyle: PropType<Partial<import('vue').CSSProperties>>;
+    arrowStyle: PropType<StyleValue>;
 }, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 数据 */
     item: PropType<CheckCardItem>;
@@ -26,7 +27,7 @@ declare const _default: import('vue').DefineComponent<{
     /** 是否需要选中箭头 */
     arrow: BooleanConstructor;
     /** 选中箭头样式 */
-    arrowStyle: PropType<Partial<import('vue').CSSProperties>>;
+    arrowStyle: PropType<StyleValue>;
 }>>, {
     disabled: boolean;
     bordered: boolean;

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

@@ -1,6 +1,7 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
+const util = require("../ele-basic-select/util");
 const CardItem = require("./components/card-item");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
@@ -9,6 +10,7 @@ const _sfc_main = vue.defineComponent({
   props: props.checkCardProps,
   emits: props.checkCardEmits,
   setup(props2, { emit }) {
+    const { validateChange } = util.useFormValidate();
     const isChecked = (item) => {
       if (props2.modelValue == null || item.value == null) {
         return false;
@@ -21,11 +23,14 @@ const _sfc_main = vue.defineComponent({
       }
       return props2.modelValue.includes(item.value);
     };
-    const updateModelValue = (value) => {
-      emit("update:modelValue", value);
-      emit("change", value);
+    const updateModelValue = (modelValue) => {
+      if (util.valueIsChanged(modelValue, props2.modelValue, props2.multiple)) {
+        emit("update:modelValue", modelValue);
+        validateChange();
+        emit("change", modelValue);
+      }
     };
-    const onItemClick = (item) => {
+    const handleItemClick = (item) => {
       if (props2.disabled || item.disabled) {
         return;
       }
@@ -51,7 +56,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 +89,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 +115,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

@@ -16,13 +16,13 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    arrowStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    arrowStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     itemClass: StringConstructor;
-    itemStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    itemStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     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;
@@ -42,9 +42,9 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    arrowStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    arrowStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     itemClass: StringConstructor;
-    itemStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    itemStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     row: import('vue').PropType<boolean | import('../ele-app/el').ElRowProps>;
 }>> & {
     onChange?: ((_value: CheckedValue) => any) | undefined;

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

@@ -1,4 +1,5 @@
 import { ExtractPropTypes, PropType } from 'vue';
+import { StyleValue } from '../ele-app/types';
 import { ElRowProps } from '../ele-app/el';
 import { CheckCardItem, CheckedValue } from './types';
 
@@ -28,11 +29,11 @@ export declare const checkCardProps: {
         default: boolean;
     };
     /** 选中箭头样式 */
-    arrowStyle: PropType<Partial<import('vue').CSSProperties>>;
+    arrowStyle: PropType<StyleValue>;
     /** 自定义卡片类名 */
     itemClass: StringConstructor;
     /** 自定义卡片样式 */
-    itemStyle: PropType<Partial<import('vue').CSSProperties>>;
+    itemStyle: PropType<StyleValue>;
     /** 是否使用栅格布局 */
     row: PropType<boolean | ElRowProps>;
 };

package/lib/ele-config-provider/index.d.ts

@@ -1,7 +1,7 @@
 declare const _default: import('vue').DefineComponent<{
     locale: import('vue').PropType<import('./types').EleLocale>;
-    table: import('vue').PropType<Partial<Pick<import('../ele-app/plus').EleProTableProps, "size" | "stripe" | "border" | "tools" | "emptyProps" | "exportConfig" | "printConfig" | "request" | "response" | "parseData" | "maximizedIndex" | "pagination">>>;
-    message: import('vue').PropType<Partial<Pick<import('../utils/message').MessageOptions, "center" | "offset" | "plain" | "appendTo" | "showClose" | "duration" | "grouping" | "mask" | "inner" | "original" | "centered">>>;
+    table: import('vue').PropType<import('./types').TableGlobalConfig>;
+    message: import('vue').PropType<import('./types').MessageGlobalConfig>;
     messageBox: import('vue').PropType<Partial<import('../utils/message-box').MessageBoxOptions>>;
     license: StringConstructor;
     mapKey: StringConstructor;
@@ -9,8 +9,8 @@ declare const _default: import('vue').DefineComponent<{
     [key: string]: any;
 }>[] | undefined, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     locale: import('vue').PropType<import('./types').EleLocale>;
-    table: import('vue').PropType<Partial<Pick<import('../ele-app/plus').EleProTableProps, "size" | "stripe" | "border" | "tools" | "emptyProps" | "exportConfig" | "printConfig" | "request" | "response" | "parseData" | "maximizedIndex" | "pagination">>>;
-    message: import('vue').PropType<Partial<Pick<import('../utils/message').MessageOptions, "center" | "offset" | "plain" | "appendTo" | "showClose" | "duration" | "grouping" | "mask" | "inner" | "original" | "centered">>>;
+    table: import('vue').PropType<import('./types').TableGlobalConfig>;
+    message: import('vue').PropType<import('./types').MessageGlobalConfig>;
     messageBox: import('vue').PropType<Partial<import('../utils/message-box').MessageBoxOptions>>;
     license: StringConstructor;
     mapKey: StringConstructor;

package/lib/ele-config-provider/props.d.ts

@@ -1,6 +1,6 @@
 import { PropType, ExtractPropTypes, InjectionKey } from 'vue';
 import { MessageBoxOptions } from '../utils/message-box';
-import { EleLocale } from './types';
+import { TableGlobalConfig, MessageGlobalConfig, EleLocale } from './types';
 
 /**
  * 属性
@@ -9,9 +9,9 @@ export declare const configProviderProps: {
     /** 国际化 */
     locale: PropType<EleLocale>;
     /** 表格全局配置 */
-    table: PropType<Partial<Pick<import('../ele-app/plus').EleProTableProps, "size" | "stripe" | "border" | "tools" | "emptyProps" | "exportConfig" | "printConfig" | "request" | "response" | "parseData" | "maximizedIndex" | "pagination">>>;
+    table: PropType<TableGlobalConfig>;
     /** 消息提示全局配置 */
-    message: PropType<Partial<Pick<import('../utils/message').MessageOptions, "center" | "offset" | "plain" | "appendTo" | "showClose" | "duration" | "grouping" | "mask" | "inner" | "original" | "centered">>>;
+    message: PropType<MessageGlobalConfig>;
     /** 消息弹窗全局配置 */
     messageBox: PropType<Partial<MessageBoxOptions>>;
     /** license */

package/lib/ele-config-provider/types.d.ts

@@ -39,6 +39,7 @@ export type TableGlobalConfig = Partial<
     | 'maximizedIndex'
     | 'pagination'
     | 'emptyProps'
+    | 'toolbar'
     | 'exportConfig'
     | 'printConfig'
   >

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

@@ -3,16 +3,16 @@ import { CopyableLocale } from './types';
 
 declare const _default: import('vue').DefineComponent<{
     text: StringConstructor;
-    innerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    customStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    innerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    customStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     icon: import('vue').PropType<import('./types').CopyableIcon>;
     iconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
-    iconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    iconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     copiedIcon: import('vue').PropType<import('./types').CopyableIcon>;
     copiedIconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
-    copiedIconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    copiedIconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     tooltip: {
-        type: import('vue').PropType<boolean | Partial<import('../ele-tooltip/props').TooltipProps>>; /** 提示单例目标 */
+        type: import('vue').PropType<boolean | import('../ele-app/plus').EleTooltipProps>;
         default: boolean;
     };
     resetAfter: {
@@ -26,22 +26,22 @@ 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<{
     text: StringConstructor;
-    innerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    customStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    innerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    customStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     icon: import('vue').PropType<import('./types').CopyableIcon>;
     iconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
-    iconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    iconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     copiedIcon: import('vue').PropType<import('./types').CopyableIcon>;
     copiedIconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
-    copiedIconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    copiedIconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     tooltip: {
-        type: import('vue').PropType<boolean | Partial<import('../ele-tooltip/props').TooltipProps>>; /** 提示单例目标 */
+        type: import('vue').PropType<boolean | import('../ele-app/plus').EleTooltipProps>;
         default: boolean;
     };
     resetAfter: {

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

@@ -1,5 +1,7 @@
 import { PropType, ExtractPropTypes } from 'vue';
+import { StyleValue } from '../ele-app/types';
 import { ElIconProps } from '../ele-app/el';
+import { EleTooltipProps } from '../ele-app/plus';
 import { CopyableIcon, CopyableLocale } from './types';
 
 /**
@@ -9,24 +11,24 @@ export declare const copyableProps: {
     /** 重新定义拷贝到剪切板里的文本 */
     text: StringConstructor;
     /** 自定义内容样式 */
-    innerStyle: PropType<Partial<import('vue').CSSProperties>>;
+    innerStyle: PropType<StyleValue>;
     /** 自定义拷贝按钮样式 */
-    customStyle: PropType<Partial<import('vue').CSSProperties>>;
+    customStyle: PropType<StyleValue>;
     /** 自定义拷贝图标 */
     icon: PropType<CopyableIcon>;
     /** 自定义拷贝图标属性 */
     iconProps: PropType<ElIconProps>;
     /** 自定义拷贝图标样式 */
-    iconStyle: PropType<Partial<import('vue').CSSProperties>>;
+    iconStyle: PropType<StyleValue>;
     /** 自定义拷贝后图标 */
     copiedIcon: PropType<CopyableIcon>;
     /** 自定义拷贝后图标属性 */
     copiedIconProps: PropType<ElIconProps>;
     /** 自定义拷贝后图标样式 */
-    copiedIconStyle: PropType<Partial<import('vue').CSSProperties>>;
+    copiedIconStyle: PropType<StyleValue>;
     /** 文字提示属性 */
     tooltip: {
-        type: PropType<boolean | Partial<import('../ele-tooltip/props').TooltipProps>>;
+        type: PropType<boolean | EleTooltipProps>;
         default: boolean;
     };
     /** 拷贝成功状态重置时间 */

package/lib/ele-count-up/index.d.ts

@@ -18,7 +18,7 @@ declare const _default: import('vue').DefineComponent<{
     reset: () => void;
     update: (newEndVal?: string | number) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    ready: (_instance?: CountUp | null | undefined) => boolean;
+    ready: (_instance?: CountUp | null) => boolean;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     delay: {
         type: NumberConstructor;

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 }, [

package/lib/ele-cropper/components/cropper-tools.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import { EleTooltipProps } from '../../ele-app/plus';
 import { UploadOption, ToolName, ToolGroup, ToolItem, CropperLocale } from '../types';
 
 declare const _default: import('vue').DefineComponent<{
@@ -9,7 +10,7 @@ declare const _default: import('vue').DefineComponent<{
     /** 是否需要提示组件 */
     tooltip: BooleanConstructor;
     /** 提示组件属性 */
-    tooltipProps: PropType<Partial<import('../../ele-tooltip/props').TooltipProps>>;
+    tooltipProps: PropType<EleTooltipProps>;
     /** 国际化 */
     locale: PropType<Partial<CropperLocale>>;
 }, {
@@ -17,9 +18,9 @@ declare const _default: import('vue').DefineComponent<{
     groups: import('vue').ShallowRef<ToolGroup[]>;
     tooltipContent: import('vue').Ref<string>;
     virtualRef: import('vue').Ref<any>;
-    onUpload: (file: File) => boolean;
-    onClick: (name: Omit<ToolName, 'upload'>) => void;
-    onItemHover: (item: ToolItem, e: MouseEvent) => void;
+    handleUpload: (file: File) => boolean;
+    handleClick: (name: Omit<ToolName, "upload">) => void;
+    handleItemHover: (item: ToolItem, e: MouseEvent) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     zoomIn: () => true;
     zoomOut: () => true;
@@ -42,7 +43,7 @@ declare const _default: import('vue').DefineComponent<{
     /** 是否需要提示组件 */
     tooltip: BooleanConstructor;
     /** 提示组件属性 */
-    tooltipProps: PropType<Partial<import('../../ele-tooltip/props').TooltipProps>>;
+    tooltipProps: PropType<EleTooltipProps>;
     /** 国际化 */
     locale: PropType<Partial<CropperLocale>>;
 }>> & {