fix(components): remove required for props with default value

Author: b2nil

src/components/calendar/controller/index.ts

@@ -11,8 +11,7 @@ const AtCalendarController = defineComponent({
   props: {
     generateDate: {
       type: [String, Number] as PropType<AtCalendarControllerProps["generateDate"]>,
-      default: Date.now(),
-      required: true
+      default: Date.now()
     },
     minDate: [String, Number, Date] as PropType<AtCalendarControllerProps["minDate"]>,
     maxDate: [String, Number, Date] as PropType<AtCalendarControllerProps["maxDate"]>,

src/components/checkbox/index.ts

@@ -11,8 +11,7 @@ const AtCheckbox = defineComponent({
     // 参数
     options: {
       type: Array as PropType<AtCheckboxProps<any>['options']>,
-      default: () => [],
-      required: true
+      default: () => []
     },
     selectedList: {
       type: Array as PropType<AtCheckboxProps<any>['selectedList']>,

src/components/countdown/item/index.ts

@@ -10,8 +10,7 @@ const AtCountdownItem = defineComponent({
     // 参数
     num: {
       type: Number as PropType<AtCountdownItemProps['num']>,
-      default: 0,
-      required: true
+      default: 0
     },
     separator: {
       type: String as PropType<AtCountdownItemProps['separator']>,

src/components/drawer/index.ts

@@ -10,8 +10,7 @@ const AtDrawer = defineComponent({
   props: {
     show: {
       type: Boolean,
-      default: false,
-      required: true
+      default: false
     },
     mask: {
       type: Boolean,

src/components/float-layout/index.ts

@@ -12,8 +12,7 @@ const AtFloatLayout = defineComponent({
     // 参数
     isOpened: {
       type: Boolean,
-      default: false,
-      required: true
+      default: false
     },
     title: {
       type: String as PropType<AtFloatLayoutProps['title']>,

src/components/image-picker/index.ts

@@ -78,8 +78,7 @@ const AtImagePicker = defineComponent({
     // 事件
     onChange: {
       type: Function as PropType<AtImagePickerProps['onChange']>,
-      default: () => () => { },
-      required: true
+      default: () => () => { }
     },
     onImageClick: Function as PropType<AtImagePickerProps['onImageClick']>,
     onFail: Function as PropType<AtImagePickerProps['onFail']>,

src/components/input-number/index.ts

@@ -54,8 +54,7 @@ const AtInputNumber = defineComponent({
     },
     value: {
       type: [Number, String] as PropType<AtInputNumberProps['value']>,
-      default: 1,
-      required: true
+      default: 1
     },
     style: String as PropType<AtInputNumberProps['style']>,
     min: {

src/components/input/index.ts

@@ -50,8 +50,7 @@ const AtInput = defineComponent({
   props: {
     name: {
       type: String as PropType<AtInputProps['name']>,
-      default: '',
-      required: true
+      default: ''
     },
     title: {
       type: String as PropType<AtInputProps['title']>,

src/components/pagination/index.ts

@@ -19,7 +19,7 @@ const AtPagination = defineComponent({
   name: "AtPagination",
 
   props: {
-    total: { type: Number, default: 0, required: true },
+    total: { type: Number, default: 0 },
     current: { type: Number, default: 1 },
     pageSize: { type: Number, default: 20 },
     icon: { type: Boolean, default: false },

src/components/radio/index.ts

@@ -10,13 +10,11 @@ const AtRadio = defineComponent({
   props: {
     value: {
       type: String as PropType<AtRadioProps<any>['value']>,
-      default: '',
-      required: true
+      default: ''
     },
     options: {
       type: Array as PropType<AtRadioProps<any>['options']>,
-      default: [],
-      required: true
+      default: []
     },
     onClick: Function as PropType<AtRadioProps<any>['onClick']>
   },

src/components/search-bar/index.ts

@@ -11,8 +11,7 @@ const AtSearchBar = defineComponent({
   props: {
     value: {
       type: String,
-      default: '',
-      required: true
+      default: ''
     },
     placeholder: {
       type: String,

src/components/segmented-control/index.ts

@@ -34,8 +34,7 @@ const AtSegmentedControl = defineComponent({
     },
     values: {
       type: Array as PropType<AtSegmentedControlProps['values']>,
-      default: [],
-      required: true
+      default: []
     },
     onClick: {
       type: Function as PropType<AtSegmentedControlProps['onClick']>,

src/components/steps/index.ts

@@ -9,17 +9,15 @@ const AtSteps = defineComponent({
   props: {
     current: {
       type: Number,
-      default: 0,
-      required: true
+      default: 0
     },
     items: {
       type: Array as PropType<AtStepsProps['items']>,
       default: []
     },
     onChange: {
       type: Function as PropType<AtStepsProps['onChange']>,
-      default: () => (current: number, event: CommonEvent) => { },
-      required: true
+      default: () => (current: number, event: CommonEvent) => { }
     },
   },
 

src/components/swipe-action/options/index.ts

@@ -9,18 +9,15 @@ const AtSwipeActionOptions = defineComponent({
   props: {
     componentId: {
       type: String,
-      default: '',
-      required: true
+      default: ''
     },
     options: {
       type: Array as PropType<AtSwipeActionOptionsProps['options']>,
-      default: [],
-      required: true
+      default: []
     },
     onQueryedDom: {
       type: Function as PropType<AtSwipeActionOptionsProps['onQueryedDom']>,
-      default: () => ({ width }: { width: number }) => { },
-      required: true
+      default: () => ({ width }: { width: number }) => { }
     },
   },
 

src/components/tab-bar/index.ts

@@ -20,8 +20,7 @@ const AtTabBar = defineComponent({
     },
     current: {
       type: Number,
-      default: 0,
-      required: true
+      default: 0
     },
     iconSize: {
       type: [Number, String],
@@ -51,9 +50,8 @@ const AtTabBar = defineComponent({
     },
     onClick: {
       type: Function as PropType<AtTabBarProps['onClick']>,
-      default: () => (index: number, event: CommonEvent) => { },
-      required: true
-    },
+      default: () => (index: number, event: CommonEvent) => { }
+    }
   },
 
   setup(props: AtTabBarProps, { attrs }) {

src/components/tabs/index.ts

@@ -39,8 +39,7 @@ const AtTabs = defineComponent({
     },
     tabList: {
       type: Array as PropType<AtTabsProps['tabList']>,
-      default: [],
-      required: true
+      default: []
     },
     onClick: {
       type: Function as PropType<AtTabsProps['onClick']>,

src/components/tabs/pane/index.ts

@@ -12,13 +12,11 @@ const AtTabsPane = defineComponent({
     },
     index: {
       type: Number,
-      default: 0,
-      required: true
+      default: 0
     },
     current: {
       type: Number,
-      default: 0,
-      required: true
+      default: 0
     },
   },
 

src/components/toast/index.ts

@@ -9,7 +9,7 @@ const AtToast = defineComponent({
   name: "AtToast",
 
   props: {
-    isOpened: { type: Boolean, default: false, required: true },
+    isOpened: { type: Boolean, default: false },
     text: { type: String, default: '' },
     icon: { type: String, default: '' },
     image: { type: String, default: '' },

src/pages/components/demo-page/index.ts

@@ -9,8 +9,7 @@ const Page = defineComponent({
   props: {
     headerTitle: {
       type: String,
-      default: '标题',
-      required: true
+      default: '标题'
     }
   },
 
@@ -64,8 +63,7 @@ const Panel = defineComponent({
   props: {
     title: {
       type: String,
-      default: '',
-      required: true
+      default: ''
     },
     noPadding: Boolean
   },