ele-admin-plus 1.3.0-beta.3 → 1.3.0-beta.4

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

@@ -1,7 +1,8 @@
 "use strict";
 const vue = require("vue");
-const _sfc_main = vue.defineComponent({
-  name: "CropperPreview",
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "CropperPreview" },
+  __name: "cropper-preview",
   props: {
     /** 组件宽度 */
     previewWidth: {
@@ -11,7 +12,7 @@ const _sfc_main = vue.defineComponent({
     /** 裁剪比例 */
     aspectRatio: Number
   },
-  setup() {
+  setup(__props, { expose: __expose }) {
     const rootRef = vue.ref(null);
     const getPreviews = () => {
       if (!rootRef.value) {
@@ -19,55 +20,50 @@ const _sfc_main = vue.defineComponent({
       }
       return rootRef.value.querySelectorAll(".ele-cropper-preview");
     };
-    return { rootRef, getPreviews };
+    __expose({
+      getPreviews
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "rootRef",
+        ref: rootRef,
+        class: "ele-cropper-previews",
+        style: vue.normalizeStyle({ width: `${__props.previewWidth + 14}px` })
+      }, [
+        vue.createElementVNode("div", {
+          class: "ele-cropper-preview",
+          style: vue.normalizeStyle({
+            width: `${__props.previewWidth}px`,
+            height: `${__props.previewWidth / (__props.aspectRatio || 1)}px`,
+            marginTop: "0px"
+          })
+        }, null, 4),
+        __props.aspectRatio === 1 ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: "ele-cropper-preview is-circle",
+          style: vue.normalizeStyle({
+            width: `${__props.previewWidth}px`,
+            height: `${__props.previewWidth / __props.aspectRatio}px`
+          })
+        }, null, 4)) : __props.aspectRatio ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+          vue.createElementVNode("div", {
+            class: "ele-cropper-preview",
+            style: vue.normalizeStyle({
+              width: `${__props.previewWidth}px`,
+              height: `${(__props.previewWidth / 3 * 2 - 10) / __props.aspectRatio}px`
+            })
+          }, null, 4),
+          vue.createElementVNode("div", {
+            class: "ele-cropper-preview",
+            style: vue.normalizeStyle({
+              width: `${__props.previewWidth}px`,
+              height: `${__props.previewWidth / 3 / __props.aspectRatio}px`,
+              marginLeft: "10px"
+            })
+          }, null, 4)
+        ], 64)) : vue.createCommentVNode("", true)
+      ], 4);
+    };
   }
 });
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", {
-    ref: "rootRef",
-    class: "ele-cropper-previews",
-    style: vue.normalizeStyle({ width: `${_ctx.previewWidth + 14}px` })
-  }, [
-    vue.createElementVNode("div", {
-      class: "ele-cropper-preview",
-      style: vue.normalizeStyle({
-        width: `${_ctx.previewWidth}px`,
-        height: `${_ctx.previewWidth / (_ctx.aspectRatio || 1)}px`,
-        marginTop: "0px"
-      })
-    }, null, 4),
-    _ctx.aspectRatio === 1 ? (vue.openBlock(), vue.createElementBlock("div", {
-      key: 0,
-      class: "ele-cropper-preview is-circle",
-      style: vue.normalizeStyle({
-        width: `${_ctx.previewWidth}px`,
-        height: `${_ctx.previewWidth / _ctx.aspectRatio}px`
-      })
-    }, null, 4)) : _ctx.aspectRatio ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-      vue.createElementVNode("div", {
-        class: "ele-cropper-preview",
-        style: vue.normalizeStyle({
-          width: `${_ctx.previewWidth}px`,
-          height: `${(_ctx.previewWidth / 3 * 2 - 10) / _ctx.aspectRatio}px`
-        })
-      }, null, 4),
-      vue.createElementVNode("div", {
-        class: "ele-cropper-preview",
-        style: vue.normalizeStyle({
-          width: `${_ctx.previewWidth}px`,
-          height: `${_ctx.previewWidth / 3 / _ctx.aspectRatio}px`,
-          marginLeft: "10px"
-        })
-      }, null, 4)
-    ], 64)) : vue.createCommentVNode("", true)
-  ], 4);
-}
-const cropperPreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = cropperPreview;
+module.exports = _sfc_main;

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

@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /** 组件宽度 */
     previewWidth: {
         type: NumberConstructor;
@@ -6,10 +6,9 @@ declare const _default: import('vue').DefineComponent<{
     };
     /** 裁剪比例 */
     aspectRatio: NumberConstructor;
-}, {
-    rootRef: import('vue').Ref<HTMLDivElement | null>;
+}>, {
     getPreviews: () => NodeListOf<HTMLElement> | undefined;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 组件宽度 */
     previewWidth: {
         type: NumberConstructor;
@@ -17,5 +16,5 @@ declare const _default: import('vue').DefineComponent<{
     };
     /** 裁剪比例 */
     aspectRatio: NumberConstructor;
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -5,24 +5,10 @@ const icons = require("../../icons");
 const hook = require("../../utils/hook");
 const receiver = require("../../ele-config-provider/receiver");
 const EleTooltip = require("../../ele-tooltip/index");
-const TOOL_ICONS = {
-  zoomIn: icons.ZoomInOutlined,
-  zoomOut: icons.ZoomOutOutlined,
-  moveLeft: icons.ArrowLeftOutlined,
-  moveRight: icons.ArrowRightOutlined,
-  moveUp: icons.ArrowUpOutlined,
-  moveDown: icons.ArrowDownOutlined,
-  rotateLeft: icons.UndoOutlined,
-  rotateRight: icons.ReloadOutlined,
-  flipX: icons.SwapOutlined,
-  flipY: icons.SortOutlined,
-  reset: icons.SyncOutlined,
-  upload: icons.UploadOutlined,
-  ok: icons.CheckOutlined
-};
-const _sfc_main = vue.defineComponent({
-  name: "CropperTools",
-  components: { ElButtonGroup: elementPlus.ElButtonGroup, ElButton: elementPlus.ElButton, ElUpload: elementPlus.ElUpload, EleTooltip },
+const _hoisted_1 = { class: "ele-cropper-tools" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "CropperTools" },
+  __name: "cropper-tools",
   props: {
     /** 操作按钮布局 */
     tools: String,
@@ -52,7 +38,24 @@ const _sfc_main = vue.defineComponent({
     upload: (_option) => true,
     ok: () => true
   },
-  setup(props, { emit }) {
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const TOOL_ICONS = {
+      zoomIn: icons.ZoomInOutlined,
+      zoomOut: icons.ZoomOutOutlined,
+      moveLeft: icons.ArrowLeftOutlined,
+      moveRight: icons.ArrowRightOutlined,
+      moveUp: icons.ArrowUpOutlined,
+      moveDown: icons.ArrowDownOutlined,
+      rotateLeft: icons.UndoOutlined,
+      rotateRight: icons.ReloadOutlined,
+      flipX: icons.SwapOutlined,
+      flipY: icons.SortOutlined,
+      reset: icons.SyncOutlined,
+      upload: icons.UploadOutlined,
+      ok: icons.CheckOutlined
+    };
     const { lang } = receiver.useLocale("cropper", props);
     const [startHideTipTimer, stopHideTipTimer] = hook.useTimer(200);
     const tooltipRef = vue.ref(null);
@@ -126,92 +129,69 @@ const _sfc_main = vue.defineComponent({
       },
       { immediate: true }
     );
-    return {
-      lang,
-      tooltipRef,
-      groups,
-      tooltipContent,
-      virtualRef,
-      handleUpload,
-      handleClick,
-      handleItemHover,
-      handleUploadButtonClick
-    };
-  }
-});
-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-cropper-tools" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElButton = vue.resolveComponent("ElButton");
-  const _component_ElUpload = vue.resolveComponent("ElUpload");
-  const _component_ElButtonGroup = vue.resolveComponent("ElButtonGroup");
-  const _component_EleTooltip = vue.resolveComponent("EleTooltip");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.groups, (group) => {
-      return vue.openBlock(), vue.createBlock(_component_ElButtonGroup, {
-        key: group.key,
-        class: "ele-cropper-tool-item"
-      }, {
-        default: vue.withCtx(() => [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(group.items, (item) => {
-            return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-              key: item.key
-            }, [
-              item.name === "upload" ? (vue.openBlock(), vue.createBlock(_component_ElUpload, {
-                key: 0,
-                action: "",
-                accept: _ctx.accept,
-                showFileList: false,
-                beforeUpload: _ctx.handleUpload,
-                class: "ele-cropper-tool-upload"
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_ElButton, {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(groups.value, (group) => {
+          return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButtonGroup), {
+            key: group.key,
+            class: "ele-cropper-tool-item"
+          }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(group.items, (item) => {
+                return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+                  key: item.key
+                }, [
+                  item.name === "upload" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElUpload), {
+                    key: 0,
+                    action: "",
+                    accept: __props.accept,
+                    showFileList: false,
+                    beforeUpload: handleUpload,
+                    class: "ele-cropper-tool-upload"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(elementPlus.ElButton), {
+                        type: "primary",
+                        icon: item.icon,
+                        class: vue.normalizeClass(["ele-cropper-tool", item.className]),
+                        onMouseover: (e) => handleItemHover(item, e),
+                        onClick: handleUploadButtonClick
+                      }, null, 8, ["icon", "class", "onMouseover"])
+                    ]),
+                    _: 2
+                  }, 1032, ["accept"])) : (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
+                    key: 1,
                     type: "primary",
                     icon: item.icon,
                     class: vue.normalizeClass(["ele-cropper-tool", item.className]),
-                    onMouseover: (e) => _ctx.handleItemHover(item, e),
-                    onClick: _ctx.handleUploadButtonClick
-                  }, null, 8, ["icon", "class", "onMouseover", "onClick"])
-                ]),
-                _: 2
-              }, 1032, ["accept", "beforeUpload"])) : (vue.openBlock(), vue.createBlock(_component_ElButton, {
-                key: 1,
-                type: "primary",
-                icon: item.icon,
-                class: vue.normalizeClass(["ele-cropper-tool", item.className]),
-                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 }, [
-                    vue.createTextVNode(vue.toDisplayString(_ctx.lang.ok), 1)
-                  ], 64)) : vue.createCommentVNode("", true)
-                ]),
-                _: 2
-              }, 1032, ["icon", "class", "onMouseover", "onClick"]))
-            ], 64);
-          }), 128))
-        ]),
-        _: 2
-      }, 1024);
-    }), 128)),
-    vue.createVNode(_component_EleTooltip, vue.mergeProps({
-      placement: "top",
-      offset: 6
-    }, _ctx.tooltipProps || {}, {
-      content: _ctx.tooltipContent,
-      virtualRef: _ctx.virtualRef,
-      virtualTriggering: true,
-      ref: "tooltipRef"
-    }), null, 16, ["content", "virtualRef"])
-  ]);
-}
-const cropperTools = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = cropperTools;
+                    onMouseover: (e) => handleItemHover(item, e),
+                    onClick: ($event) => handleClick(item.name)
+                  }, {
+                    default: vue.withCtx(() => [
+                      item.name === "ok" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                        vue.createTextVNode(vue.toDisplayString(vue.unref(lang).ok), 1)
+                      ], 64)) : vue.createCommentVNode("", true)
+                    ]),
+                    _: 2
+                  }, 1032, ["icon", "class", "onMouseover", "onClick"]))
+                ], 64);
+              }), 128))
+            ]),
+            _: 2
+          }, 1024);
+        }), 128)),
+        vue.createVNode(EleTooltip, vue.mergeProps({
+          placement: "top",
+          offset: 6
+        }, __props.tooltipProps || {}, {
+          content: tooltipContent.value,
+          virtualRef: virtualRef.value,
+          virtualTriggering: true,
+          ref_key: "tooltipRef",
+          ref: tooltipRef
+        }), null, 16, ["content", "virtualRef"])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

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

@@ -1,8 +1,8 @@
 import { PropType } from 'vue';
-import { EleTooltipProps, EleTooltipInstance } from '../../ele-app/plus';
-import { UploadOption, ToolName, ToolGroup, ToolItem, BeforeUploadClick, CropperLocale } from '../types';
+import { EleTooltipProps } from '../../ele-app/plus';
+import { UploadOption, BeforeUploadClick, CropperLocale } from '../types';
 
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /** 操作按钮布局 */
     tools: StringConstructor;
     /** 允许上传的图片类型 */
@@ -15,30 +15,20 @@ declare const _default: import('vue').DefineComponent<{
     beforeUploadClick: PropType<BeforeUploadClick>;
     /** 国际化 */
     locale: PropType<Partial<CropperLocale>>;
-}, {
-    lang: import('vue').ComputedRef<CropperLocale>;
-    tooltipRef: import('vue').Ref<EleTooltipInstance>;
-    groups: import('vue').ShallowRef<ToolGroup[]>;
-    tooltipContent: import('vue').Ref<string>;
-    virtualRef: import('vue').Ref<any>;
-    handleUpload: (file: File) => boolean;
-    handleClick: (name: Omit<ToolName, "upload">) => void;
-    handleItemHover: (item: ToolItem, e: MouseEvent) => void;
-    handleUploadButtonClick: (e: MouseEvent) => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    zoomIn: () => true;
-    zoomOut: () => true;
-    moveLeft: () => true;
-    moveRight: () => true;
-    moveUp: () => true;
-    moveDown: () => true;
-    rotateLeft: () => true;
-    rotateRight: () => true;
-    flipX: () => true;
-    flipY: () => true;
-    reset: () => true;
-    upload: (_option?: UploadOption) => true;
-    ok: () => true;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    reset: () => void;
+    zoomIn: () => void;
+    zoomOut: () => void;
+    moveLeft: () => void;
+    moveRight: () => void;
+    moveUp: () => void;
+    moveDown: () => void;
+    rotateLeft: () => void;
+    rotateRight: () => void;
+    flipX: () => void;
+    flipY: () => void;
+    upload: (_option?: UploadOption | undefined) => void;
+    ok: () => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 操作按钮布局 */
     tools: StringConstructor;
@@ -52,9 +42,8 @@ declare const _default: import('vue').DefineComponent<{
     beforeUploadClick: PropType<BeforeUploadClick>;
     /** 国际化 */
     locale: PropType<Partial<CropperLocale>>;
-}>> & {
+}>> & Readonly<{
     onReset?: (() => any) | undefined;
-    onUpload?: ((_option?: UploadOption | undefined) => any) | undefined;
     onZoomIn?: (() => any) | undefined;
     onZoomOut?: (() => any) | undefined;
     onMoveLeft?: (() => any) | undefined;
@@ -65,8 +54,9 @@ declare const _default: import('vue').DefineComponent<{
     onRotateRight?: (() => any) | undefined;
     onFlipX?: (() => any) | undefined;
     onFlipY?: (() => any) | undefined;
+    onUpload?: ((_option?: UploadOption | undefined) => any) | undefined;
     onOk?: (() => any) | undefined;
-}, {
+}>, {
     tooltip: boolean;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/ele-cropper/index.cjs

@@ -5,12 +5,16 @@ const util = require("../ele-pro-layout/util");
 const CropperPreview = require("./components/cropper-preview");
 const CropperTools = require("./components/cropper-tools");
 const props = require("./props");
-const _sfc_main = vue.defineComponent({
-  name: "EleCropper",
-  components: { CropperPreview, CropperTools },
+const _hoisted_1 = { class: "ele-cropper-main" };
+const _hoisted_2 = ["src"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "EleCropper" },
+  __name: "index",
   props: props.cropperProps,
   emits: props.cropperEmits,
-  setup(props2, { emit }) {
+  setup(__props, { emit: __emit }) {
+    const props2 = __props;
+    const emit = __emit;
     const isResponsive = util.useResponsive(props2);
     const imageRef = vue.ref(null);
     const previewRef = vue.ref(null);
@@ -131,81 +135,53 @@ const _sfc_main = vue.defineComponent({
     vue.onBeforeUnmount(() => {
       destroy();
     });
-    return {
-      imageRef,
-      previewRef,
-      isResponsive,
-      handleZoomIn,
-      handleZoomOut,
-      handleMoveLeft,
-      handleMoveRight,
-      handleMoveUp,
-      handleMoveDown,
-      handleRotateLeft,
-      handleRotateRight,
-      handleFlipX,
-      handleFlipY,
-      handleReset,
-      handleUpload,
-      handleOk
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["ele-cropper", { "is-responsive": vue.unref(isResponsive) }])
+      }, [
+        vue.createElementVNode("div", _hoisted_1, [
+          vue.createElementVNode("div", {
+            class: "ele-cropper-image",
+            style: vue.normalizeStyle({ height: _ctx.height })
+          }, [
+            vue.createElementVNode("img", {
+              ref_key: "imageRef",
+              ref: imageRef,
+              src: _ctx.src,
+              style: { display: "none" }
+            }, null, 8, _hoisted_2)
+          ], 4),
+          _ctx.preview ? (vue.openBlock(), vue.createBlock(CropperPreview, {
+            key: 0,
+            ref_key: "previewRef",
+            ref: previewRef,
+            previewWidth: _ctx.previewWidth,
+            aspectRatio: _ctx.options ? _ctx.options.aspectRatio : void 0
+          }, null, 8, ["previewWidth", "aspectRatio"])) : vue.createCommentVNode("", true)
+        ]),
+        vue.createVNode(CropperTools, {
+          tools: _ctx.tools,
+          accept: _ctx.accept,
+          locale: _ctx.locale,
+          tooltip: _ctx.tooltip,
+          tooltipProps: _ctx.tooltipProps,
+          beforeUploadClick: _ctx.beforeUploadClick,
+          onZoomIn: handleZoomIn,
+          onZoomOut: handleZoomOut,
+          onMoveLeft: handleMoveLeft,
+          onMoveRight: handleMoveRight,
+          onMoveUp: handleMoveUp,
+          onMoveDown: handleMoveDown,
+          onRotateLeft: handleRotateLeft,
+          onRotateRight: handleRotateRight,
+          onFlipX: handleFlipX,
+          onFlipY: handleFlipY,
+          onReset: handleReset,
+          onUpload: handleUpload,
+          onOk: handleOk
+        }, null, 8, ["tools", "accept", "locale", "tooltip", "tooltipProps", "beforeUploadClick"])
+      ], 2);
     };
   }
 });
-const _export_sfc = (sfc, props2) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props2) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = { class: "ele-cropper-main" };
-const _hoisted_2 = ["src"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_CropperPreview = vue.resolveComponent("CropperPreview");
-  const _component_CropperTools = vue.resolveComponent("CropperTools");
-  return vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass(["ele-cropper", { "is-responsive": _ctx.isResponsive }])
-  }, [
-    vue.createElementVNode("div", _hoisted_1, [
-      vue.createElementVNode("div", {
-        class: "ele-cropper-image",
-        style: vue.normalizeStyle({ height: _ctx.height })
-      }, [
-        vue.createElementVNode("img", {
-          ref: "imageRef",
-          src: _ctx.src,
-          style: { display: "none" }
-        }, null, 8, _hoisted_2)
-      ], 4),
-      _ctx.preview ? (vue.openBlock(), vue.createBlock(_component_CropperPreview, {
-        key: 0,
-        ref: "previewRef",
-        previewWidth: _ctx.previewWidth,
-        aspectRatio: _ctx.options ? _ctx.options.aspectRatio : void 0
-      }, null, 8, ["previewWidth", "aspectRatio"])) : vue.createCommentVNode("", true)
-    ]),
-    vue.createVNode(_component_CropperTools, {
-      tools: _ctx.tools,
-      accept: _ctx.accept,
-      locale: _ctx.locale,
-      tooltip: _ctx.tooltip,
-      tooltipProps: _ctx.tooltipProps,
-      beforeUploadClick: _ctx.beforeUploadClick,
-      onZoomIn: _ctx.handleZoomIn,
-      onZoomOut: _ctx.handleZoomOut,
-      onMoveLeft: _ctx.handleMoveLeft,
-      onMoveRight: _ctx.handleMoveRight,
-      onMoveUp: _ctx.handleMoveUp,
-      onMoveDown: _ctx.handleMoveDown,
-      onRotateLeft: _ctx.handleRotateLeft,
-      onRotateRight: _ctx.handleRotateRight,
-      onFlipX: _ctx.handleFlipX,
-      onFlipY: _ctx.handleFlipY,
-      onReset: _ctx.handleReset,
-      onUpload: _ctx.handleUpload,
-      onOk: _ctx.handleOk
-    }, null, 8, ["tools", "accept", "locale", "tooltip", "tooltipProps", "beforeUploadClick", "onZoomIn", "onZoomOut", "onMoveLeft", "onMoveRight", "onMoveUp", "onMoveDown", "onRotateLeft", "onRotateRight", "onFlipX", "onFlipY", "onReset", "onUpload", "onOk"])
-  ], 2);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = index;
+module.exports = _sfc_main;

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

@@ -1,9 +1,8 @@
-import { Ref } from 'vue';
 import { CropperOptions } from './types';
 import { default as PreviewType } from './components/cropper-preview';
 
 export type PreviewInstance = InstanceType<typeof PreviewType> | null;
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     height: StringConstructor;
     src: StringConstructor;
     imageType: {
@@ -40,28 +39,8 @@ declare const _default: import('vue').DefineComponent<{
         default: null;
     };
     locale: import('vue').PropType<Partial<import('./types').CropperLocale>>;
-}, {
-    imageRef: Ref<HTMLImageElement | null>;
-    previewRef: Ref<PreviewInstance>;
-    isResponsive: import('vue').ComputedRef<boolean>;
-    handleZoomIn: () => void;
-    handleZoomOut: () => void;
-    handleMoveLeft: () => void;
-    handleMoveRight: () => void;
-    handleMoveUp: () => void;
-    handleMoveDown: () => void;
-    handleRotateLeft: () => void;
-    handleRotateRight: () => void;
-    handleFlipX: () => void;
-    handleFlipY: () => void;
-    handleReset: () => void;
-    handleUpload: ({ data, type }: {
-        data: string;
-        type: string;
-    }) => void;
-    handleOk: () => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    done: (_result?: Blob | string | null) => boolean;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    done: (_result?: string | Blob | null | undefined) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     height: StringConstructor;
     src: StringConstructor;
@@ -99,9 +78,9 @@ declare const _default: import('vue').DefineComponent<{
         default: null;
     };
     locale: import('vue').PropType<Partial<import('./types').CropperLocale>>;
-}>> & {
+}>> & Readonly<{
     onDone?: ((_result?: string | Blob | null | undefined) => any) | undefined;
-}, {
+}>, {
     tooltip: boolean;
     responsive: boolean;
     tools: string;
@@ -110,5 +89,5 @@ declare const _default: import('vue').DefineComponent<{
     accept: string;
     previewWidth: number;
     toBlob: boolean;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;