fix: move defaultprops

src/packages/animatingnumbers/countup.taro.tsx

@@ -141,5 +141,5 @@ export const CountUp: FunctionComponent<Partial<CountUpProps>> = (props) => {
   )
 }
 
-CountUp.defaultProps = defaultProps
+CountUp.defaultProps = defaultProps // 不可删除
 CountUp.displayName = 'NutCountUp'

src/packages/animatingnumbers/countup.tsx

@@ -122,5 +122,5 @@ export const CountUp: FunctionComponent<Partial<CountUpProps>> = (props) => {
   )
 }
 
-CountUp.defaultProps = defaultProps
+CountUp.defaultProps = defaultProps // 不可删除
 CountUp.displayName = 'NutCountUp'

src/packages/audio/audio.taro.tsx

@@ -88,20 +88,20 @@ export const Audio: FunctionComponent<
   audioCtx.autoplay = autoplay || false
   audioCtx.loop = loop || false
   audioCtx.onPause(() => {
-    props.onPause && props.onPause(audioCtx)
+    onPause?.(audioCtx)
   })
   audioCtx.onEnded(() => {
-    if (props.loop) {
+    if (loop) {
       console.warn(locale.audio.tips || 'onPlayEnd事件在loop=false时才会触发')
     } else {
-      props.onPlayEnd && props.onPlayEnd(audioCtx)
+      onPlayEnd?.(audioCtx)
     }
   })
 
   audioCtx.onPlay(() => {
     const { duration } = audioCtx
     setTotalSeconds(Math.floor(duration))
-    props.onPlay && props.onPlay(audioCtx)
+    onPlay?.(audioCtx)
   })
   audioCtx.onCanplay(() => {
     const intervalID = setInterval(function () {
@@ -111,7 +111,7 @@ export const Audio: FunctionComponent<
       }
     }, 500)
     setIsCanPlay(true)
-    props.onCanPlay && props.onCanPlay(audioCtx)
+    onCanPlay?.(audioCtx)
   })
   audioCtx.onTimeUpdate(() => {
     const time = parseInt(`${audioCtx.currentTime}`)
@@ -146,15 +146,15 @@ export const Audio: FunctionComponent<
     statusRef.current.currentTime = Math.max(currentTime - 1, 0)
     setCurrentDuration(formatSeconds(statusRef.current.currentTime.toString()))
     audioCtx.seek(statusRef.current.currentTime)
-    props.onFastBack && props.onFastBack(audioCtx)
+    onFastBack?.(audioCtx)
   }
 
   const handleForward = () => {
     const currentTime = Math.floor(audioCtx.currentTime)
     statusRef.current.currentTime = Math.min(currentTime + 1, audioCtx.duration)
     setCurrentDuration(formatSeconds(statusRef.current.currentTime.toString()))
     audioCtx.seek(statusRef.current.currentTime)
-    props.onForward && props.onForward(audioCtx)
+    onForward?.(audioCtx)
   }
 
   const handleStatusChange = () => {
@@ -267,5 +267,4 @@ export const Audio: FunctionComponent<
   )
 }
 
-Audio.defaultProps = defaultProps
 Audio.displayName = 'NutAudio'

src/packages/audio/audio.tsx

@@ -76,16 +76,16 @@ export const Audio: FunctionComponent<
     percent: 0,
     duration: '00:00:00',
     second: 0,
-    hanMuted: props.muted,
-    playing: props.autoPlay,
+    hanMuted: muted,
+    playing: autoPlay,
     handPlaying: false,
   })
   const classPrefix = 'nut-audio'
   const handleEnded = (e: SyntheticEvent<HTMLAudioElement>) => {
-    if (props.loop) {
+    if (loop) {
       console.warn(locale.audio.tips || 'onPlayEnd事件在loop=false时才会触发')
     } else {
-      props.onEnd && props.onEnd(e)
+      onEnd?.(e)
     }
   }
 
@@ -130,25 +130,25 @@ export const Audio: FunctionComponent<
     if (statusRef.current.currentTime > 0 && AudioRef.current) {
       statusRef.current.currentTime--
       AudioRef.current.currentTime = statusRef.current.currentTime
-      props.onBack && props.onBack(AudioRef.current)
+      onBack?.(AudioRef.current)
     }
   }
   const handleForward = () => {
     if (AudioRef.current) {
       statusRef.current.currentTime++
       AudioRef.current.currentTime = statusRef.current.currentTime
-      props.onForward && props.onForward(AudioRef.current)
+      onForward?.(AudioRef.current)
     }
   }
   const handleMute = () => {
     if (AudioRef.current) {
       AudioRef.current.muted = !AudioRef.current.muted
-      props.onMute && props.onMute(AudioRef.current)
+      onMute?.(AudioRef.current)
     }
   }
   const handlePause = (e: SyntheticEvent<HTMLAudioElement>) => {
     setPlaying(false)
-    props.onPause && props.onPause(e)
+    onPause?.(e)
   }
 
   const formatSeconds = (value: string) => {
@@ -252,12 +252,12 @@ export const Audio: FunctionComponent<
 
   const handleCanplay = (e: SyntheticEvent<HTMLAudioElement>) => {
     setIsCanPlay(true)
-    if (props.autoPlay && !playing) {
+    if (autoPlay && !playing) {
       AudioRef && AudioRef.current && AudioRef.current.play()
     }
     if (AudioRef.current) {
       statusRef.current.second = AudioRef.current.duration || 0
-      props.onCanPlay && props.onCanPlay(e)
+      onCanPlay?.(e)
     }
   }
   const onTimeupdate = (e: SyntheticEvent<HTMLAudioElement>) => {
@@ -290,5 +290,4 @@ export const Audio: FunctionComponent<
   )
 }
 
-Audio.defaultProps = defaultProps
 Audio.displayName = 'NutAudio'

src/packages/checkboxgroup/checkboxgroup.taro.tsx

@@ -47,15 +47,15 @@ export const CheckboxGroup = React.forwardRef(
       className,
       disabled,
       list,
-      onChange,
       value,
       defaultValue,
       max,
       min,
-      onLimit,
       labelPosition,
       direction,
       options,
+      onChange,
+      onLimit,
       ...rest
     } = { ...defaultProps, ...props }
 
@@ -86,8 +86,8 @@ export const CheckboxGroup = React.forwardRef(
     }))
 
     const [_value, setValue] = usePropsValue<string[]>({
-      value: props.value,
-      defaultValue: props.defaultValue,
+      value,
+      defaultValue,
       finalValue: [] as string[],
       onChange,
     })
@@ -137,7 +137,7 @@ export const CheckboxGroup = React.forwardRef(
           className={classNames(
             classPrefix,
             {
-              [`nut-checkboxgroup-${props.direction}`]: props.direction,
+              [`nut-checkboxgroup-${direction}`]: direction,
               [`nut-checkboxgroup-list`]: list,
             },
             className
@@ -151,5 +151,4 @@ export const CheckboxGroup = React.forwardRef(
   }
 )
 
-CheckboxGroup.defaultProps = defaultProps
 CheckboxGroup.displayName = 'NutCheckboxGroup'

src/packages/checkboxgroup/checkboxgroup.tsx

@@ -47,15 +47,15 @@ export const CheckboxGroup = React.forwardRef(
       className,
       disabled,
       list,
-      onChange,
       value,
       defaultValue,
       max,
       min,
-      onLimit,
       labelPosition,
       direction,
       options,
+      onChange,
+      onLimit,
       ...rest
     } = { ...defaultProps, ...props }
 
@@ -86,8 +86,8 @@ export const CheckboxGroup = React.forwardRef(
     }))
 
     const [_value, setValue] = usePropsValue<string[]>({
-      value: props.value,
-      defaultValue: props.defaultValue,
+      value,
+      defaultValue,
       finalValue: [] as string[],
       onChange,
     })
@@ -137,7 +137,7 @@ export const CheckboxGroup = React.forwardRef(
           className={classNames(
             classPrefix,
             {
-              [`nut-checkboxgroup-${props.direction}`]: props.direction,
+              [`nut-checkboxgroup-${direction}`]: direction,
               [`nut-checkboxgroup-list`]: list,
             },
             className
@@ -151,5 +151,4 @@ export const CheckboxGroup = React.forwardRef(
   }
 )
 
-CheckboxGroup.defaultProps = defaultProps
 CheckboxGroup.displayName = 'NutCheckboxGroup'

src/packages/datepicker/datepicker.taro.tsx

@@ -226,16 +226,15 @@ export const DatePicker: FunctionComponent<
       if (!isEqual) {
         setSelectedDate(formatValue(newDate as Date))
       }
-      props.onChange &&
-        props.onChange(
-          selectedOptions,
-          [
-            String(newDate.getFullYear()),
-            String(newDate.getMonth() + 1),
-            String(newDate.getDate()),
-          ],
-          index
-        )
+      onChange?.(
+        selectedOptions,
+        [
+          String(newDate.getFullYear()),
+          String(newDate.getMonth() + 1),
+          String(newDate.getDate()),
+        ],
+        index
+      )
     }
   }
   const handlePickerChange = (
@@ -350,8 +349,8 @@ export const DatePicker: FunctionComponent<
     pickerValue[columnIndex] = arr[index]?.value
     setPickerValue([...pickerValue])
 
-    if (props.filter && props.filter(type, arr)) {
-      return props.filter(type, arr)
+    if (filter?.(type, arr)) {
+      return filter?.(type, arr)
     }
     return arr
   }
@@ -428,5 +427,4 @@ export const DatePicker: FunctionComponent<
   )
 }
 
-DatePicker.defaultProps = defaultProps
 DatePicker.displayName = 'NutDatePicker'

src/packages/datepicker/datepicker.tsx

@@ -226,16 +226,15 @@ export const DatePicker: FunctionComponent<
       if (!isEqual) {
         setSelectedDate(formatValue(newDate as Date))
       }
-      props.onChange &&
-        props.onChange(
-          selectedOptions,
-          [
-            String(newDate.getFullYear()),
-            String(newDate.getMonth() + 1),
-            String(newDate.getDate()),
-          ],
-          index
-        )
+      onChange?.(
+        selectedOptions,
+        [
+          String(newDate.getFullYear()),
+          String(newDate.getMonth() + 1),
+          String(newDate.getDate()),
+        ],
+        index
+      )
     }
   }
   const handlePickerChange = (
@@ -350,8 +349,8 @@ export const DatePicker: FunctionComponent<
     pickerValue[columnIndex] = arr[index]?.value
     setPickerValue([...pickerValue])
 
-    if (props.filter && props.filter(type, arr)) {
-      return props.filter(type, arr)
+    if (filter?.(type, arr)) {
+      return filter?.(type, arr)
     }
     return arr
   }
@@ -423,5 +422,4 @@ export const DatePicker: FunctionComponent<
   )
 }
 
-DatePicker.defaultProps = defaultProps
 DatePicker.displayName = 'NutDatePicker'

src/packages/dialog/dialog.taro.tsx

@@ -225,7 +225,7 @@ export function close(selector: string) {
   customEvents.trigger(path, { status: false })
 }
 
-BaseDialog.defaultProps = defaultProps
+BaseDialog.defaultProps = defaultProps // 不可删除
 BaseDialog.displayName = 'NutDialog'
 BaseDialog.open = open
 BaseDialog.close = close

src/packages/dialog/dialog.tsx

@@ -161,5 +161,5 @@ Dialog.confirm = (props: DialogConfirmProps): DialogReturnProps => {
   }
 })
 
-Dialog.defaultProps = defaultProps
+Dialog.defaultProps = defaultProps // 不可删除
 Dialog.displayName = 'NutDialog'

src/packages/dialog/dialogwrap.tsx

@@ -78,5 +78,4 @@ export const DialogWrap: FunctionComponent<
   )
 }
 
-DialogWrap.defaultProps = defaultDialogProps
 DialogWrap.displayName = 'NutDialogWrap'

src/packages/notify/notify.taro.tsx

@@ -130,7 +130,7 @@ export function close(selector: string) {
   customEvents.trigger(path, false)
 }
 
-Notify.defaultProps = defaultProps
+Notify.defaultProps = defaultProps // 不可删除
 Notify.displayName = 'NutNotify'
 Notify.open = open
 Notify.close = close

src/packages/pulltorefresh/pulltorefresh.taro.tsx

@@ -180,5 +180,4 @@ export const PullToRefresh: FunctionComponent<Partial<PullToRefreshProps>> = (
   )
 }
 
-PullToRefresh.defaultProps = defaultProps
 PullToRefresh.displayName = 'NutPullToRefresh'

src/packages/pulltorefresh/pulltorefresh.tsx

@@ -226,5 +226,4 @@ export const PullToRefresh: FunctionComponent<Partial<PullToRefreshProps>> = (
   )
 }
 
-PullToRefresh.defaultProps = defaultProps
 PullToRefresh.displayName = 'NutPullToRefresh'

src/packages/radio/radio.taro.tsx

@@ -172,6 +172,5 @@ export const Radio: FunctionComponent<
   )
 }
 
-Radio.defaultProps = defaultProps
 Radio.displayName = 'NutRadio'
 Radio.Group = RadioGroup

src/packages/radio/radio.tsx

@@ -168,6 +168,5 @@ export const Radio: FunctionComponent<
   )
 }
 
-Radio.defaultProps = defaultProps
 Radio.displayName = 'NutRadio'
 Radio.Group = RadioGroup

src/packages/radiogroup/radiogroup.taro.tsx

@@ -106,5 +106,4 @@ export const RadioGroup = React.forwardRef(
   }
 )
 
-RadioGroup.defaultProps = defaultProps
 RadioGroup.displayName = 'NutRadioGroup'

src/packages/radiogroup/radiogroup.tsx

@@ -106,5 +106,4 @@ export const RadioGroup = React.forwardRef(
   }
 )
 
-RadioGroup.defaultProps = defaultProps
 RadioGroup.displayName = 'NutRadioGroup'