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

package/es/ele-admin-layout/index.d.ts

@@ -3,7 +3,10 @@ import { MenuItem } from '../ele-menus/types';
 import { TabPaneItem, TabEventOption } from '../ele-tabs/types';
 
 declare const _default: import('vue').DefineComponent<{
-    height: (StringConstructor | NumberConstructor)[];
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
     headerMenus: import('vue').PropType<MenuItem[]>;
     headerActive: StringConstructor;
     sidebarMenus: import('vue').PropType<MenuItem[]>;
@@ -28,6 +31,7 @@ declare const _default: import('vue').DefineComponent<{
     sidebarStyle: import('vue').PropType<import('./types').SidebarStyle>;
     tabStyle: {
         type: import('vue').PropType<import('./types').TabStyle>;
+        /** 是否禁用过渡动画 */
         default: string;
     };
     fixedHeader: BooleanConstructor;
@@ -42,8 +46,8 @@ declare const _default: import('vue').DefineComponent<{
     tabSortable: BooleanConstructor;
     headerTitleSlot: {
         type: StringConstructor;
-        default: string;
-    };
+        default: string; /** 是否仅侧栏导航布局 */
+    }; /** 是否仅侧栏导航布局 */
     headerIconSlot: {
         type: StringConstructor;
         default: string;
@@ -56,13 +60,13 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    /** 是否双侧栏布局 */
     sideboxTitleSlot: {
         type: StringConstructor;
         default: string;
     };
     sideboxIconSlot: {
         type: StringConstructor;
+        /** 是否是移动端风格 */
         default: string;
     };
     headerCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
@@ -81,7 +85,7 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    mobile: BooleanConstructor;
+    mobile: BooleanConstructor; /** 是否是暗色侧栏 */
 }, {
     ownSlots: string[];
     tabSlots: string[];
@@ -161,7 +165,10 @@ declare const _default: import('vue').DefineComponent<{
     tabSortChange: (_data: TabPaneItem[]) => boolean;
     contentMounted: (_contentEl: HTMLElement, _modalsEl: HTMLElement) => boolean;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    height: (StringConstructor | NumberConstructor)[];
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
     headerMenus: import('vue').PropType<MenuItem[]>;
     headerActive: StringConstructor;
     sidebarMenus: import('vue').PropType<MenuItem[]>;
@@ -186,6 +193,7 @@ declare const _default: import('vue').DefineComponent<{
     sidebarStyle: import('vue').PropType<import('./types').SidebarStyle>;
     tabStyle: {
         type: import('vue').PropType<import('./types').TabStyle>;
+        /** 是否禁用过渡动画 */
         default: string;
     };
     fixedHeader: BooleanConstructor;
@@ -200,8 +208,8 @@ declare const _default: import('vue').DefineComponent<{
     tabSortable: BooleanConstructor;
     headerTitleSlot: {
         type: StringConstructor;
-        default: string;
-    };
+        default: string; /** 是否仅侧栏导航布局 */
+    }; /** 是否仅侧栏导航布局 */
     headerIconSlot: {
         type: StringConstructor;
         default: string;
@@ -214,13 +222,13 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    /** 是否双侧栏布局 */
     sideboxTitleSlot: {
         type: StringConstructor;
         default: string;
     };
     sideboxIconSlot: {
         type: StringConstructor;
+        /** 是否是移动端风格 */
         default: string;
     };
     headerCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
@@ -239,7 +247,7 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    mobile: BooleanConstructor;
+    mobile: BooleanConstructor; /** 是否是暗色侧栏 */
 }>> & {
     onTabClick?: ((_option: TabEventOption) => any) | undefined;
     onTabRemove?: ((_name: string) => any) | undefined;
@@ -266,6 +274,7 @@ declare const _default: import('vue').DefineComponent<{
     onSideMouseleave?: ((_e: MouseEvent) => any) | undefined;
     onContentMounted?: ((_contentEl: HTMLElement, _modalsEl: HTMLElement) => any) | undefined;
 }, {
+    height: string | number;
     collapse: boolean;
     compact: boolean;
     tabStyle: import('./types').TabStyle;

package/es/ele-admin-layout/props.d.ts

@@ -10,7 +10,10 @@ import { Layout, SidebarLayout, HeaderStyle, SidebarStyle, TabStyle, TabBar, Max
  */
 export declare const adminLayoutProps: {
     /** 高度 */
-    height: (StringConstructor | NumberConstructor)[];
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
     /** 顶栏菜单数据 */
     headerMenus: PropType<MenuItem[]>;
     /** 顶栏菜单选中 */

package/es/ele-admin-layout/props.js

@@ -1,6 +1,9 @@
 const adminLayoutProps = {
   /** 高度 */
-  height: [String, Number],
+  height: {
+    type: [String, Number],
+    default: "100%"
+  },
   /** 顶栏菜单数据 */
   headerMenus: Array,
   /** 顶栏菜单选中 */

package/es/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/es/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/es/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/es/ele-alert/index.js

@@ -19,7 +19,7 @@ const _sfc_main = defineComponent({
     const isRich = computed(() => {
       return !!props.description || !!slots.default;
     });
-    const onClose = (e) => {
+    const handleClose = (e) => {
       if (!visible.value || !props.closable) {
         return;
       }
@@ -31,7 +31,7 @@ const _sfc_main = defineComponent({
         visible.value = true;
       }
     };
-    return { visible, isRich, onClose, open };
+    return { visible, isRich, handleClose, open };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -105,7 +105,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           key: 1,
           class: "ele-alert-close",
           style: 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))
         }, [
           renderSlot(_ctx.$slots, "closeIcon", {}, () => [
             _ctx.closeText ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.closeText), 1)) : (openBlock(), createBlock(_component_ElIcon, normalizeProps(mergeProps({ key: 1 }, _ctx.closeIconProps || {})), {

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

@@ -16,7 +16,7 @@ declare const _default: import('vue').DefineComponent<{
     /** 标识id */
     messageId: StringConstructor;
 }, {
-    onClose: () => void;
+    handleClose: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: () => true;
     messageDestroy: (_messageId?: string) => true;

package/es/ele-app/components/message-body.js

@@ -36,7 +36,7 @@ const _sfc_main = defineComponent({
     onBeforeUnmount(() => {
       emit("messageDestroy", props.messageId);
     });
-    return { onClose: () => emit("close") };
+    return { handleClose: () => emit("close") };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -81,7 +81,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.showClose ? (openBlock(), 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))
     }, [
       createVNode(_component_ElIcon, null, {
         default: withCtx(() => [

package/es/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/es/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/es/ele-avatar-group/index.js

@@ -42,19 +42,19 @@ const _sfc_main = defineComponent({
       }
       return props.data.slice(props.maxCount);
     });
-    const onItemHover = (item, e) => {
+    const handleItemHover = (item, e) => {
       if (props.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 {
@@ -66,10 +66,10 @@ const _sfc_main = defineComponent({
       avatarData,
       overflowCount,
       overflowData,
-      onItemHover,
-      onItemClick,
-      onMoreClick,
-      onError
+      handleItemHover,
+      handleItemClick,
+      handleMoreClick,
+      handleError
     };
   }
 });
@@ -98,9 +98,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         shape: _ctx.shape,
         src: item.value,
         style: 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: withCtx(() => [
           _ctx.$slots.item ? renderSlot(_ctx.$slots, "item", {
@@ -134,9 +134,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 shape: _ctx.shape,
                 src: item.value,
                 style: 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: withCtx(() => [
                   _ctx.$slots.item ? renderSlot(_ctx.$slots, "item", {
@@ -156,7 +156,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           shape: _ctx.shape,
           style: normalizeStyle([_ctx.commonStyle, _ctx.itemStyle, _ctx.moreStyle]),
           class: "ele-avatar-more",
-          onClick: _ctx.onMoreClick
+          onClick: _ctx.handleMoreClick
         }, {
           default: withCtx(() => [
             createElementVNode("span", _hoisted_1, [

package/es/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/es/ele-basic-select/index.js

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

package/es/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/es/ele-check-card/index.js

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

package/es/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/es/ele-copyable/index.js

@@ -27,7 +27,7 @@ const _sfc_main = defineComponent({
       }
       return ((_a = innerRef.value) == null ? void 0 : _a.innerText) || "";
     };
-    const onCopyClick = () => {
+    const handleCopyClick = () => {
       copyText(getText()).then(() => {
         copied.value = true;
         updateTooltip();
@@ -43,7 +43,7 @@ const _sfc_main = defineComponent({
         emit("copy", error);
       });
     };
-    const onCopyHover = (e) => {
+    const handleCopyHover = (e) => {
       if (props.tooltip) {
         virtualRef.value = e.currentTarget;
       }
@@ -63,8 +63,8 @@ const _sfc_main = defineComponent({
       tooltipRef,
       virtualRef,
       copied,
-      onCopyClick,
-      onCopyHover
+      handleCopyClick,
+      handleCopyHover
     };
   }
 });
@@ -93,8 +93,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("div", {
       class: "ele-copyable-icon",
       style: 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 ? (openBlock(), createBlock(_component_ElIcon, normalizeProps(mergeProps({ key: 0 }, _ctx.copiedIconProps || {})), {
         default: withCtx(() => [

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

@@ -17,9 +17,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;

package/es/ele-cropper/components/cropper-tools.js

@@ -53,7 +53,7 @@ const _sfc_main = defineComponent({
     const groups = shallowRef([]);
     const tooltipContent = ref("");
     const virtualRef = ref();
-    const onUpload = (file) => {
+    const handleUpload = (file) => {
       const reader = new FileReader();
       reader.onload = (e) => {
         var _a;
@@ -65,10 +65,10 @@ const _sfc_main = 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;
@@ -106,9 +106,9 @@ const _sfc_main = defineComponent({
       groups,
       tooltipContent,
       virtualRef,
-      onUpload,
-      onClick,
-      onItemHover
+      handleUpload,
+      handleClick,
+      handleItemHover
     };
   }
 });
@@ -141,7 +141,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: withCtx(() => [
@@ -149,7 +149,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     type: "primary",
                     icon: item.icon,
                     class: normalizeClass(["ele-cropper-tool", item.className]),
-                    onMouseover: (e) => _ctx.onItemHover(item, e)
+                    onMouseover: (e) => _ctx.handleItemHover(item, e)
                   }, null, 8, ["icon", "class", "onMouseover"])
                 ]),
                 _: 2
@@ -158,8 +158,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 type: "primary",
                 icon: item.icon,
                 class: 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: withCtx(() => [
                   item.name === "ok" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [