fix: 修复部分组件警告错误

FightingDesign · Aug 4, 2023 · 818fc2c · 818fc2c
1 parent 819a300
commit 818fc2c
Show file tree

Hide file tree

Showing 14 changed files with 28 additions and 42 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -17,6 +17,17 @@
 - 修复 `f-input` 组件在双向绑定空值时的警告问题
 - 修复 `f-dialog` 组件在双向绑定空值时的警告问题
 - 修复 `f-drawer` 组件在双向绑定空值时的警告问题
+- 修复 `f-date-picker` 组件在双向绑定空值时的警告问题
+- 修复 `f-image-preview` 组件在双向绑定空值时的警告问题
+- 修复 `f-input-number` 组件在双向绑定空值时的警告问题
+- 修复 `f-pagination` 组件在双向绑定空值时的警告问题
+- 修复 `f-radio-group` 组件在双向绑定空值时的警告问题
+- 修复 `f-swap` 组件在双向绑定空值时的警告问题
+- 修复 `f-select` 组件在双向绑定空值时的警告问题
+- 修复 `f-switch` 组件在双向绑定空值时的警告问题
+- 修复 `f-time-pick` 组件在双向绑定空值时的警告问题
+- 修复 `f-up-load` 组件在双向绑定空值时的警告问题
+- 修复 `f-rate` 组件在双向绑定空值时的警告问题
 
 ## 0.52.0 (2023-07-14)
 

diff --git a/packages/fighting-design/date-picker/src/date-picker.vue b/packages/fighting-design/date-picker/src/date-picker.vue
@@ -12,7 +12,6 @@
 
   const prop = defineProps(Props)
   const dateModelValue = defineModel<string>('date', {
-    required: true,
     default: '',
     type: String
   })

diff --git a/packages/fighting-design/image-preview/src/image-preview.vue b/packages/fighting-design/image-preview/src/image-preview.vue
@@ -21,7 +21,6 @@
 
   const prop = defineProps(Props)
   const visible = defineModel<boolean>('visible', {
-    required: true,
     default: false,
     type: Boolean
   })

diff --git a/packages/fighting-design/input-number/src/input-number.vue b/packages/fighting-design/input-number/src/input-number.vue
@@ -15,7 +15,7 @@
   defineOptions({ name: 'FInputNumber' })
 
   const prop = defineProps(Props)
-  const modelValue = defineModel<number>({ required: true, default: 0, type: Number })
+  const modelValue = defineModel<number>({ default: 0, type: Number })
 
   const { run } = useRun()
 

diff --git a/packages/fighting-design/pagination/src/pagination.vue b/packages/fighting-design/pagination/src/pagination.vue
@@ -19,7 +19,6 @@
   const prop = defineProps(Props)
   /** 当前选中页码 */
   const currentModelValue = defineModel<number>('current', {
-    required: true,
     default: 1,
     type: Number
   })

diff --git a/packages/fighting-design/radio-group/src/radio-group.vue b/packages/fighting-design/radio-group/src/radio-group.vue
@@ -8,8 +8,7 @@
 
   const prop = defineProps(Props)
   const modelValue = defineModel<RadioModelValue>({
-    required: true,
-    default: null,
+    default: '',
     type: [String, Number, Boolean]
   })
 

diff --git a/packages/fighting-design/rate/src/rate.vue b/packages/fighting-design/rate/src/rate.vue
@@ -10,7 +10,7 @@
   defineOptions({ name: 'FRate' })
 
   const prop = defineProps(Props)
-  const modelValue = defineModel<number>({ required: true, default: 0, type: Number })
+  const modelValue = defineModel<number>({ default: 0, type: Number })
 
   const { run } = useRun()
 

diff --git a/packages/fighting-design/select/src/select.vue b/packages/fighting-design/select/src/select.vue
@@ -15,8 +15,7 @@
   const prop = defineProps(Props)
   const slot: Slots = useSlots()
   const modelValue = defineModel<SelectModelValue>({
-    required: true,
-    default: null,
+    default: '',
     type: [String, Number]
   })
 

diff --git a/packages/fighting-design/slider/src/slider.vue b/packages/fighting-design/slider/src/slider.vue
@@ -6,7 +6,7 @@
   defineOptions({ name: 'FSlider' })
 
   const prop = defineProps(Props)
-  const modelValue = defineModel<number>({ required: true, default: 0, type: Number })
+  const modelValue = defineModel<number>({ default: 0, type: Number })
 
   const { styles, classes } = useList(prop, 'slider')
 

diff --git a/packages/fighting-design/swap/src/swap.vue b/packages/fighting-design/swap/src/swap.vue
@@ -6,11 +6,7 @@
   defineOptions({ name: 'FSwap' })
 
   const prop = defineProps(Props)
-  const modelValue = defineModel<boolean>({
-    required: true,
-    default: false,
-    type: Boolean
-  })
+  const modelValue = defineModel<boolean>({ default: false, type: Boolean })
 
   const { run } = useRun()
   const { classes } = useList(prop, 'swap')

diff --git a/packages/fighting-design/switch/src/switch.vue b/packages/fighting-design/switch/src/switch.vue
@@ -7,11 +7,7 @@
   defineOptions({ name: 'FSwitch' })
 
   const prop = defineProps(Props)
-  const modelValue = defineModel<boolean>({
-    required: true,
-    default: false,
-    type: Boolean
-  })
+  const modelValue = defineModel<boolean>({ default: false, type: Boolean })
 
   const { run } = useRun()
   const { getProp } = useGlobal(prop)

diff --git a/packages/fighting-design/time-picker/src/time-picker.vue b/packages/fighting-design/time-picker/src/time-picker.vue
@@ -11,11 +11,7 @@
   defineOptions({ name: 'FTimePicker' })
 
   defineProps(Props)
-  const dateModelValue = defineModel<string>('time', {
-    required: true,
-    default: '',
-    type: String
-  })
+  const dateModelValue = defineModel<string>('time', { default: '', type: String })
 
   /** 获取当前的时间 */
   const nowDate: Date = new Date()

diff --git a/packages/fighting-design/up-load/src/up-load.vue b/packages/fighting-design/up-load/src/up-load.vue
@@ -10,11 +10,7 @@
   defineOptions({ name: 'FUpLoad' })
 
   const prop = defineProps(Props)
-  const filesModelValue = defineModel<File[]>('files', {
-    required: true,
-    default: [],
-    type: Array
-  })
+  const filesModelValue = defineModel<File[]>('files', { default: [], type: Array })
 
   const { run } = useRun()
 

diff --git a/start/src/App.vue b/start/src/App.vue
@@ -1,18 +1,14 @@
-<script setup lang="ts">
+<script lang="ts" setup>
   import { ref } from 'vue'
 
-  const visible1 = ref(null)
+  const value = ref(undefined)
 </script>
 
 <template>
-  <f-button type="primary" @click="visible1 = true">打开</f-button>
-
-  <f-drawer v-model:visible="visible1" title="标题文字">
-    这是一个 Dialog
-
-    <template #footer>
-      <f-button type="default">默认按钮</f-button>
-      <f-button type="primary">主要按钮</f-button>
-    </template>
-  </f-drawer>
+  <f-select v-model="value" placeholder="请选择……">
+    <f-option :value="1">香蕉</f-option>
+    <f-option :value="2">苹果</f-option>
+    <f-option :value="3">哈密瓜</f-option>
+    <f-option :value="4">樱桃</f-option>
+  </f-select>
 </template>