refactor: 优化事件的ts类型

GuoJikun · May 26, 2024 · f3466cc · f3466cc
1 parent b05c78b
commit f3466cc
Show file tree

Hide file tree

Showing 4 changed files with 84 additions and 17 deletions.
diff --git a/package.json b/package.json
@@ -2,6 +2,7 @@
   "name": "fox-preview-image",
   "description": "一个支持 vue3 的预览图片组件",
   "version": "3.0.0",
+  "type": "module",
   "main": "lib/preview-image.js",
   "module": "lib/preview-image.mjs",
   "browser": "lib/preview-image.js",
@@ -60,6 +61,7 @@
     "jsdom": "^24.0.0",
     "npm-run-all2": "^6.1.2",
     "prettier": "^3.2.5",
+    "sass": "^1.77.2",
     "typescript": "~5.4.0",
     "vite": "^5.2.8",
     "vite-plugin-vue-devtools": "^7.0.25",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/preview-image/src/switch.vue b/src/components/preview-image/src/switch.vue
@@ -2,8 +2,8 @@
 import ArrowRight from '@/components/arrow-right.vue'
 
 const emit = defineEmits<{
-  (e: 'prev'): void
-  (e: 'next'): void
+  prev: []
+  next: []
 }>()
 
 const handlePrevClick = () => {

diff --git a/src/components/preview-image/src/toolbar.vue b/src/components/preview-image/src/toolbar.vue
@@ -15,7 +15,7 @@ const props = withDefaults(defineProps<Props>(), {
   index: '1/1'
 })
 
-const emit = defineEmits(['click'])
+const emit = defineEmits<{ click: [type: OperateType]}>()
 
 type OperateType = 'zoom-out' | 'zoom-in' | 'contraRotate' | 'clockwiseRotation' | 'download'