refactor(Image): 使用tiptap自己提供的nodeViewProps

yikoyu · Apr 1, 2023 · 4f4263b · 4f4263b
1 parent e21bde5
commit 4f4263b
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 38 deletions.
diff --git a/package.json b/package.json
@@ -126,8 +126,5 @@
     "vue-tsc": "1.2.0",
     "vuetify": "^3.1.11",
     "xss": "^1.0.14"
-  },
-  "dependencies": {
-    "vue-types": "^5.0.2"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/extensions/image/Image.vue b/src/extensions/image/Image.vue
@@ -1,8 +1,6 @@
 <script setup lang="ts">
-import { nodeViewProps } from '@/utils/node-view-props'
-import { NodeViewWrapper } from '@tiptap/vue-3'
+import { NodeViewWrapper, nodeViewProps } from '@tiptap/vue-3'
 import { computed, onMounted, onUnmounted, ref, unref } from 'vue'
-import { bool } from 'vue-types'
 import { ImageAttrsOptions } from './types'
 import { clamp, isNumber, throttle } from '@/utils/utils'
 
@@ -19,7 +17,10 @@ const THROTTLE_WAIT_TIME = 16
 
 const props = defineProps({
   ...nodeViewProps,
-  selected: bool().isRequired
+  selected: {
+    type: Boolean,
+    required: true
+  }
 })
 
 const maxSize = ref({

diff --git a/src/utils/node-view-props.ts b/src/utils/node-view-props.ts