提交 32d64dbe 作者: 无木

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

修复ImgRotateDragVerify组件的resume方法无效的问题

fixed: #946
上级 8b4b767f
### 🐛 Bug Fixes ### 🐛 Bug Fixes
- **ApiTreeSelect** 修复未能正确监听`params`变化的问题 - **ApiTreeSelect** 修复未能正确监听`params`变化的问题
- **BasicTable** 修复可编辑单元格不支持 ellipsis 配置的问题 - **BasicTable** 修复可编辑单元格不支持`ellipsis`配置的问题
- **ImgRotateDragVerify** 修复组件`resume`方法无法调用的问题
## 2.6.1(2021-07-19) ## 2.6.1(2021-07-19)
......
<script lang="tsx"> <script lang="tsx">
import type { MoveData, DragVerifyActionType } from './typing'; 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 { useTimeoutFn } from '/@/hooks/core/useTimeout';
import BasicDragVerify from './DragVerify.vue'; import BasicDragVerify from './DragVerify.vue';
import { hackCss } from '/@/utils/domUtils'; import { hackCss } from '/@/utils/domUtils';
...@@ -8,11 +8,11 @@ ...@@ -8,11 +8,11 @@
import { useI18n } from '/@/hooks/web/useI18n'; import { useI18n } from '/@/hooks/web/useI18n';
export default defineComponent({ export default defineComponent({
name: 'ImgRotateDargVerify', name: 'ImgRotateDragVerify',
inheritAttrs: false, inheritAttrs: false,
props: rotateProps, props: rotateProps,
emits: ['success', 'change', 'update:value'], emits: ['success', 'change', 'update:value'],
setup(props, { emit, attrs }) { setup(props, { emit, attrs, expose }) {
const basicRef = ref<Nullable<DragVerifyActionType>>(null); const basicRef = ref<Nullable<DragVerifyActionType>>(null);
const state = reactive({ const state = reactive({
showTip: false, showTip: false,
...@@ -112,10 +112,8 @@ ...@@ -112,10 +112,8 @@
handleImgOnLoad(); handleImgOnLoad();
} }
const instance = getCurrentInstance() as any; expose({ resume });
if (instance) {
instance.resume = resume;
}
// handleImgOnLoad(); // handleImgOnLoad();
return () => { return () => {
const { src } = props; const { src } = props;
...@@ -138,6 +136,7 @@ ...@@ -138,6 +136,7 @@
onClick={() => { onClick={() => {
resume(); resume();
}} }}
alt="verify"
/> />
{state.showTip && ( {state.showTip && (
<span class={[`ir-dv-img__tip`, state.isPassing ? 'success' : 'error']}> <span class={[`ir-dv-img__tip`, state.isPassing ? 'success' : 'error']}>
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论