fix(img-rotate-drag-verify): fix `resume` method support
修复ImgRotateDragVerify组件的resume方法无效的问题 fixed: #946
This commit is contained in:
parent
8b4b767f4c
commit
32d64dbe81
|
|
@ -1,7 +1,8 @@
|
||||||
### 🐛 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)
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
<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 @@
|
||||||
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 @@
|
||||||
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 @@
|
||||||
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']}>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue