fix(image-viewer): props类型检测

closed #1402
Tencent · Sep 2, 2022 · eea371f · eea371f
1 parent 5c2bd95
commit eea371f
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 11 deletions.
diff --git a/src/image-viewer/base/ImageViewerModal.tsx b/src/image-viewer/base/ImageViewerModal.tsx
@@ -2,7 +2,7 @@ import { computed, defineComponent, PropType } from 'vue';
 import { CloseIcon } from 'tdesign-icons-vue-next';
 import TDialog from '../../dialog';
 import TImageItem from './ImageItem';
-import TImageViewerUtils from './ImageViewerUtils';
+import TImageViewerUtils, { PropFn } from './ImageViewerUtils';
 import { usePrefixClass } from '../../hooks/useConfig';
 import { useTNodeJSX } from '../../hooks/tnode';
 import { ImageInfo, TdImageViewerProps } from '../type';
@@ -24,11 +24,11 @@ export default defineComponent({
         return {};
       },
     },
-    onRotate: Function,
-    onZoomIn: Function,
-    onZoomOut: Function,
-    onMirror: Function,
-    onReset: Function,
+    onRotate: Function as PropType<PropFn>,
+    onZoomIn: Function as PropType<PropFn>,
+    onZoomOut: Function as PropType<PropFn>,
+    onMirror: Function as PropType<PropFn>,
+    onReset: Function as PropType<PropFn>,
     onClose: Function as PropType<TdImageViewerProps['onClose']>,
     draggable: {
       type: Boolean,

diff --git a/src/image-viewer/base/ImageViewerUtils.tsx b/src/image-viewer/base/ImageViewerUtils.tsx
@@ -8,15 +8,17 @@ import { downloadFile } from '../utils';
 
 import { ImageInfo } from '../type';
 
+export type PropFn = () => void;
+
 export default defineComponent({
   name: 'TImageViewerUtils',
   props: {
     scale: Number,
-    onRotate: Function,
-    onZoomIn: Function,
-    onZoomOut: Function,
-    onMirror: Function,
-    onReset: Function,
+    onRotate: Function as PropType<PropFn>,
+    onZoomIn: Function as PropType<PropFn>,
+    onZoomOut: Function as PropType<PropFn>,
+    onMirror: Function as PropType<PropFn>,
+    onReset: Function as PropType<PropFn>,
     currentImage: {
       type: Object as PropType<ImageInfo>,
       default() {