From 597fdb85b073391a962a31a2495bc157647e2094 Mon Sep 17 00:00:00 2001
From: WX <42308734@qq.com>
Date: Fri, 7 Apr 2023 16:33:03 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E9=85=8D=E7=BD=AEexmaple=E5=85=A5?=
 =?UTF-8?q?=E5=8F=A3=E6=A8=A1=E5=BC=8F=E5=88=A4=E6=96=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/examples/src/App.tsx                   |  8 +++++---
 .../components/date-picker/useDatePicker.ts    |  5 +++--
 packages/core/src/DatePicker/useDatePicker.ts  | 18 ++++++------------
 packages/core/src/utils/hooks.ts               |  7 +++++++
 4 files changed, 21 insertions(+), 17 deletions(-)

diff --git a/example/examples/src/App.tsx b/example/examples/src/App.tsx
index 75ea57f03..93fe0135d 100644
--- a/example/examples/src/App.tsx
+++ b/example/examples/src/App.tsx
@@ -1,10 +1,10 @@
 import React from 'react';
+import {useColorScheme} from 'react-native';
 import {NavigationContainer} from '@react-navigation/native';
 import {createStackNavigator} from '@react-navigation/stack';
 import {SafeAreaView, StatusBar, StyleSheet} from 'react-native';
 import {RootSiblingParent} from 'react-native-root-siblings';
-import {ThemeProvider} from '@uiw/react-native';
-
+import {ThemeProvider, theme} from '@uiw/react-native';
 import {stackPageData} from './routes';
 
 const Stack = createStackNavigator();
@@ -16,11 +16,13 @@ const styles = StyleSheet.create({
 });
 
 const App = () => {
+  const colorScheme = useColorScheme();
+  console.log('colorScheme', colorScheme);
   return (
     <RootSiblingParent>
       <SafeAreaView style={styles.block}>
         <StatusBar barStyle="dark-content" />
-        <ThemeProvider>
+        <ThemeProvider theme={colorScheme === 'light' ? {...theme.lightTheme} : {...theme.darkTheme}}>
           <NavigationContainer>
             <Stack.Navigator initialRouteName="Home">
               <Stack.Screen
diff --git a/packages/core/src/DatePicker/components/date-picker/useDatePicker.ts b/packages/core/src/DatePicker/components/date-picker/useDatePicker.ts
index 1703cefaf..16706471f 100644
--- a/packages/core/src/DatePicker/components/date-picker/useDatePicker.ts
+++ b/packages/core/src/DatePicker/components/date-picker/useDatePicker.ts
@@ -1,4 +1,5 @@
 import { useMemo } from 'react';
+import { usePersistFn } from 'ahooks';
 import dayjs, { Dayjs } from 'dayjs';
 import { ItemValue } from '../../../Picker/components/WheelPicker/type';
 import { CascadePickerItemProps, DatePickerPropsBase } from './type';
@@ -319,8 +320,8 @@ export default function useDatePicker({
   };
 
   return {
-    getValueCols: getValueCols,
-    onValueChange: onValueChange,
+    getValueCols: usePersistFn(getValueCols),
+    onValueChange: usePersistFn(onValueChange),
   };
 }
 
diff --git a/packages/core/src/DatePicker/useDatePicker.ts b/packages/core/src/DatePicker/useDatePicker.ts
index 1e094545c..bc7c23c63 100644
--- a/packages/core/src/DatePicker/useDatePicker.ts
+++ b/packages/core/src/DatePicker/useDatePicker.ts
@@ -1,16 +1,10 @@
-import { useEffect, useRef } from 'react';
+import { useEffect } from 'react';
 import { BackHandler } from 'react-native';
-import { useSafeState } from 'ahooks';
+import { useSafeState, usePersistFn } from 'ahooks';
+import { useLatest } from '../utils/hooks';
 import dayjs from 'dayjs';
 import { DatePickerPropsBase, ModalPickerProps } from './components/date-picker/type';
 
-function useLatest<T>(value: T) {
-  const ref = useRef<T>(value);
-  ref.current = value;
-
-  return ref;
-}
-
 export default function useDatePicker({
   onClosed,
   onChange,
@@ -52,8 +46,8 @@ export default function useDatePicker({
 
   return {
     date,
-    handleChange: handleChange,
-    handleOk: handleOk,
-    handleClose: handleClose,
+    handleChange: usePersistFn(handleChange),
+    handleOk: usePersistFn(handleOk),
+    handleClose: usePersistFn(handleClose),
   };
 }
diff --git a/packages/core/src/utils/hooks.ts b/packages/core/src/utils/hooks.ts
index 5693c9b18..81586e1ac 100644
--- a/packages/core/src/utils/hooks.ts
+++ b/packages/core/src/utils/hooks.ts
@@ -47,3 +47,10 @@ export function usePropsValue<T>(options: Options<T>) {
   });
   return [stateRef.current, setState] as const;
 }
+
+export function useLatest<T>(value: T) {
+  const ref = useRef<T>(value);
+  ref.current = value;
+
+  return ref;
+}