fix(img-rotate-drag-verify): fix resume method support

修复ImgRotateDragVerify组件的resume方法无效的问题 fixed: #946
vbenjs · Jul 21, 2021 · 32d64db · 32d64db
1 parent 8b4b767
commit 32d64db
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/CHANGELOG.zh_CN.md b/CHANGELOG.zh_CN.md
@@ -1,7 +1,8 @@
 ### 🐛 Bug Fixes
 
 - **ApiTreeSelect** 修复未能正确监听`params`变化的问题
-- **BasicTable** 修复可编辑单元格不支持 ellipsis 配置的问题
+- **BasicTable** 修复可编辑单元格不支持`ellipsis`配置的问题
+- **ImgRotateDragVerify** 修复组件`resume`方法无法调用的问题
 
 ## 2.6.1(2021-07-19)
 

diff --git a/src/components/Verify/src/ImgRotate.vue b/src/components/Verify/src/ImgRotate.vue
@@ -1,18 +1,18 @@
 <script lang="tsx">
   import type { MoveData, DragVerifyActionType } from './typing';
-  import { defineComponent, computed, unref, reactive, watch, ref, getCurrentInstance } from 'vue';
+  import { defineComponent, computed, unref, reactive, watch, ref } from 'vue';
   import { useTimeoutFn } from '/@/hooks/core/useTimeout';
   import BasicDragVerify from './DragVerify.vue';
   import { hackCss } from '/@/utils/domUtils';
   import { rotateProps } from './props';
   import { useI18n } from '/@/hooks/web/useI18n';
 
   export default defineComponent({
-    name: 'ImgRotateDargVerify',
+    name: 'ImgRotateDragVerify',
     inheritAttrs: false,
     props: rotateProps,
     emits: ['success', 'change', 'update:value'],
-    setup(props, { emit, attrs }) {
+    setup(props, { emit, attrs, expose }) {
       const basicRef = ref<Nullable<DragVerifyActionType>>(null);
       const state = reactive({
         showTip: false,
@@ -112,10 +112,8 @@
         handleImgOnLoad();
       }
 
-      const instance = getCurrentInstance() as any;
-      if (instance) {
-        instance.resume = resume;
-      }
+      expose({ resume });
+
       // handleImgOnLoad();
       return () => {
         const { src } = props;
@@ -138,6 +136,7 @@
                 onClick={() => {
                   resume();
                 }}
+                alt="verify"
               />
               {state.showTip && (
                 <span class={[`ir-dv-img__tip`, state.isPassing ? 'success' : 'error']}>