Merge pull request #892 from thundersdata-frontend/rn-issue

feat: 优化多个组件

Author: chj-damon

.DS_Store

@@ -0,0 +1,5 @@
+---
+'@td-design/react-native-picker': minor
+---
+
+fix: 优化代码

.changeset/eleven-grapes-do.md

@@ -0,0 +1,5 @@
+---
+'@td-design/react-native-rating': patch
+---
+
+fix: 优化useEffect的依赖项

.changeset/famous-yaks-wash.md

@@ -0,0 +1,5 @@
+---
+'@td-design/react-native': minor
+---
+
+refactor: 优化多个组件

.changeset/healthy-spoons-trade.md

@@ -0,0 +1,7 @@
+---
+'@td-design/react-native-picker': patch
+'@td-design/react-native-rating': patch
+'@td-design/rn-hooks': patch
+---
+
+refactor: 优化代码性能

.changeset/hungry-tools-shop.md

@@ -0,0 +1,5 @@
+---
+'@td-design/react-native': minor
+---
+
+refactor: 优化代码性能

.changeset/proud-ads-pay.md

@@ -0,0 +1,5 @@
+---
+'@td-design/rn-hooks': patch
+---
+
+fix: 修复useCounter的bug

.changeset/silver-eggs-press.md

@@ -1,8 +1,7 @@
-import { useState } from 'react';
+import { useEffect } from 'react';
 
 import useMemoizedFn from '../useMemoizedFn';
-
-// import useMemoizedFn from '../useMemoizedFn';
+import useSafeState from '../useSafeState';
 
 type Options = { min?: number; max?: number };
 export type ValueParam = number | ((c: number) => number);
@@ -14,7 +13,11 @@ export type ValueParam = number | ((c: number) => number);
  * @returns
  */
 export default function useCounter(initialValue = 0, options: Options = {}) {
-  const [current, setCurrent] = useState(() => getTargetValue(initialValue, options));
+  const [current, setCurrent] = useSafeState(0);
+
+  useEffect(() => {
+    setCurrent(getTargetValue(initialValue, options));
+  }, [initialValue, options]);
 
   const setValue = (value: ValueParam) => {
     setCurrent(c => {

packages/hooks/src/useCounter/index.ts

@@ -68,7 +68,7 @@ const DatePicker = forwardRef<DatePickerRef, DatePickerProps>((props, ref) => {
 
   if (displayType === 'modal') {
     return (
-      <Modal visible={visible} onClose={handleClose} animationDuration={0}>
+      <Modal position="bottom" animationType="slide" visible={visible} onClose={handleClose}>
         <Flex
           borderBottomWidth={ONE_PIXEL}
           borderBottomColor="border"

packages/react-native-picker/src/date-picker/index.tsx

@@ -53,7 +53,7 @@ function Cascader<T>({
 
   if (displayType === 'modal') {
     return (
-      <Modal visible={visible} onClose={onClose} animationDuration={0}>
+      <Modal position="bottom" animationType="slide" visible={visible} onClose={onClose}>
         <Flex
           borderBottomWidth={ONE_PIXEL}
           borderBottomColor="border"