@xhsreds/reds-rn-next 0.10.1-fix-pull-refresh202511272021 → 0.10.1

package/lib/esm/index.js

@@ -27,7 +27,7 @@ export { i as TextViewType } from './_chunks/Cw5awIcj.js';
 export { default as TextField } from './components/TextField/TextField.js';
 export { i as TextFieldType } from './_chunks/19yRJGdw.js';
 export { default as Uploader } from './components/Uploader/Uploader.js';
-export { i as UploaderType } from './_chunks/eYElHgNc.js';
+export { i as UploaderType } from './_chunks/CMrgSNfs.js';
 export { default as Stepper } from './components/Stepper/Stepper.js';
 export { i as StepperType } from './_chunks/C0MWVrjO.js';
 export { default as Rate } from './components/Rate/Rate.js';
@@ -53,7 +53,7 @@ export { default as Slider } from './components/Slider/Slider.js';
 export { i as SliderType } from './_chunks/BwgGhxV7.js';
 export { default as AnimatedSheets } from './components/Sheets/AnimatedSheets.js';
 export { default as Sheets } from './components/Sheets/Sheets.js';
-export { i as SheetsType } from './_chunks/C4jyXYEi.js';
+export { i as SheetsType } from './_chunks/DMjPllnU.js';
 export { default as useAnimatedSheets, useSheets } from './components/Sheets/api.js';
 export { default as PickerView } from './components/PickerView/PickerView.js';
 export { i as PickerViewType } from './_chunks/DcCfwG0m.js';
@@ -146,11 +146,12 @@ export { formatNumber } from './components/Search/utils/index.js';
 export { i as SearchType } from './_chunks/TtMjzpIl.js';
 export { default as ActionablePopover } from './components/ActionablePopover/ActionablePopover.js';
 export { i as ActionablePopoverType } from './_chunks/Bd6SD27t.js';
+import 'react-native-url-polyfill/auto';
 export { i as SkeletonType } from './_chunks/7_ZK_tBb.js';
 export { i as SkeletonItemType } from './_chunks/DZNKkp8Z.js';
 export { i as ImageType } from './_chunks/JYqI07V8.js';
 export { default as Image69 } from './components/Image/Image69.js';
-import './_chunks/CAkwE9ZD.js';
+import './_chunks/ZEfofTDH.js';
 import 'react';
 import 'react-native';
 import './components/SegmentedControl/styles.js';

package/lib/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/esm/pvCount/pvData.js

@@ -1,7 +1,7 @@
 import { push, pushByrequestIdleCallback } from '@xhs/reds-apm/src/index.native';
 
 var name = "@xhs/reds-rn-next";
-var version = "0.10.0";
+var version = "0.10.1";
 var author = "贾斌(呀哈) <jiabin@xiaohongshu.com>";
 var license = "ISC";
 var dependencies = {

package/lib/src/components/BottomBar/styles.d.ts

@@ -2,7 +2,7 @@ export declare const getStyles: (themeColor: any) => {
     bottomBar: {
         width: "100%";
         padding: number;
-        backgroundColor: string;
+        backgroundColor: any;
     };
     fixed: {
         position: "absolute";

package/lib/src/components/Divider/styles.d.ts

@@ -1,14 +1,15 @@
 import { ViewStyle, TextStyle } from "react-native";
 import { RedsDivider } from "./interface";
-declare const getStyles: (p: RedsDivider) => {
+declare const getStyles: (p: RedsDivider, textWidth: number, containerWidth: number, themeColor: any, typography: any) => {
     divider: ViewStyle;
     horizontal: ViewStyle;
     vertical: ViewStyle;
     primary: TextStyle;
     secondary: TextStyle;
-    textContainer: TextStyle;
+    textContainer: ViewStyle;
     text: TextStyle;
     before: ViewStyle;
     after: ViewStyle;
+    noTextBorderStyle: ViewStyle;
 };
 export { getStyles };

package/lib/src/components/List/ListItem/ListItem.d.ts

@@ -15,6 +15,8 @@ export interface RedsListItem {
     contentStyle?: ViewStyle;
     badgeActionContent?: string;
     badgeTitleContent?: string;
+    style?: any;
+    lineStyle?: any;
 }
 declare const ListItem: React.FC<RedsListItem>;
 export default ListItem;

package/lib/src/components/Sheets/Sheets.d.ts

@@ -3,15 +3,14 @@ import { RedsSheets, SheetsMaskMode, SheetsType, SheetsIconType, SheetsActionTyp
 declare const Sheets: {
     (props: RedsSheets): React.JSX.Element;
     defaultProps: {
+        /** icon wrapper */
         label: string;
         mask: boolean;
         maskMode: SheetsMaskMode;
         sheetsType: SheetsType;
         cancel: boolean;
         close: boolean;
-        zIndex: number; /**
-         * 关闭Sheets
-         */
+        zIndex: number;
         cancelType: SheetsActionType;
         closeType: SheetsActionType;
         iconType: SheetsIconType;
@@ -29,6 +28,8 @@ declare const Sheets: {
         onImmediateConfirm: () => void;
         avoidSheetsMove: boolean;
         headlerLayout: string;
+        openAnimation: {};
+        closeAnimation: {};
     };
 };
 export default Sheets;

package/lib/src/components/Sheets/interface/index.d.ts

@@ -27,6 +27,12 @@ export declare const enum AnimatedSheetsSize {
     auto = "auto",
     fixed = "fixed"
 }
+export interface SheetAnimationConfig {
+    /** Duration in milliseconds. Default: 150 */
+    duration?: number;
+    /** Easing function. Default: Easing.ease for sheet, Easing.linear for mask */
+    easing?: (value: number) => number;
+}
 export interface RedsSheets {
     label?: string;
     mask?: boolean;
@@ -57,6 +63,14 @@ export interface RedsSheets {
     onImmediateConfirm?: () => void;
     avoidSheetsMove?: boolean;
     headlerLayout?: "center" | "left";
+    openAnimation?: {
+        duration?: number;
+        easing?: (value: number) => number;
+    };
+    closeAnimation?: {
+        duration?: number;
+        easing?: (value: number) => number;
+    };
 }
 export interface RedsSheetsEvent {
 }
@@ -85,4 +99,6 @@ export declare const SheetsDefaultProps: {
     onImmediateConfirm: () => void;
     avoidSheetsMove: boolean;
     headlerLayout: string;
+    openAnimation: {};
+    closeAnimation: {};
 };

package/lib/src/components/Slider/Slider.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { RedsSlider } from "./interface/index";
 declare const Slider: {
-    ({ defaultValue, min, max, initalValue, onValueChange, dotStyle }: RedsSlider): React.JSX.Element;
+    ({ defaultValue, min, max, initalValue, onValueChange, dotStyle, step, }: RedsSlider): React.JSX.Element;
     defaultProps: {
         value: number;
         min: number;

package/lib/src/components/Stepper/interface/index.d.ts

@@ -5,6 +5,7 @@ export interface RedsStepper {
     disable?: boolean;
     onChange?: (value: number) => any;
     isControl?: boolean;
+    style?: any;
 }
 export interface RedsStepperEvent {
 }

package/lib/src/components/Stepper/styles.d.ts

@@ -3,7 +3,8 @@ export declare const getStyles: (themeColor: any, typography: any) => {
         display: "flex";
         flexDirection: "row";
         alignItems: "center";
-        justifyContent: "center";
+        justifyContent: "space-between";
+        width: number;
     };
     opacity: {
         opacity: number;
@@ -19,7 +20,6 @@ export declare const getStyles: (themeColor: any, typography: any) => {
         lineHeight: number;
     };
     text: {
-        paddingHorizontal: number;
         fontWeight: any;
         fontSize: any;
         color: any;

package/lib/types/components/BottomBar/styles.d.ts

@@ -2,7 +2,7 @@ export declare const getStyles: (themeColor: any) => {
     bottomBar: {
         width: "100%";
         padding: number;
-        backgroundColor: string;
+        backgroundColor: any;
     };
     fixed: {
         position: "absolute";

package/lib/types/components/Divider/styles.d.ts

@@ -1,14 +1,15 @@
 import { ViewStyle, TextStyle } from "react-native";
 import { RedsDivider } from "./interface";
-declare const getStyles: (p: RedsDivider) => {
+declare const getStyles: (p: RedsDivider, textWidth: number, containerWidth: number, themeColor: any, typography: any) => {
     divider: ViewStyle;
     horizontal: ViewStyle;
     vertical: ViewStyle;
     primary: TextStyle;
     secondary: TextStyle;
-    textContainer: TextStyle;
+    textContainer: ViewStyle;
     text: TextStyle;
     before: ViewStyle;
     after: ViewStyle;
+    noTextBorderStyle: ViewStyle;
 };
 export { getStyles };

package/lib/types/components/List/ListItem/ListItem.d.ts

@@ -15,6 +15,8 @@ export interface RedsListItem {
     contentStyle?: ViewStyle;
     badgeActionContent?: string;
     badgeTitleContent?: string;
+    style?: any;
+    lineStyle?: any;
 }
 declare const ListItem: React.FC<RedsListItem>;
 export default ListItem;

package/lib/types/components/Sheets/Sheets.d.ts

@@ -3,15 +3,14 @@ import { RedsSheets, SheetsMaskMode, SheetsType, SheetsIconType, SheetsActionTyp
 declare const Sheets: {
     (props: RedsSheets): React.JSX.Element;
     defaultProps: {
+        /** icon wrapper */
         label: string;
         mask: boolean;
         maskMode: SheetsMaskMode;
         sheetsType: SheetsType;
         cancel: boolean;
         close: boolean;
-        zIndex: number; /**
-         * 关闭Sheets
-         */
+        zIndex: number;
         cancelType: SheetsActionType;
         closeType: SheetsActionType;
         iconType: SheetsIconType;
@@ -29,6 +28,8 @@ declare const Sheets: {
         onImmediateConfirm: () => void;
         avoidSheetsMove: boolean;
         headlerLayout: string;
+        openAnimation: {};
+        closeAnimation: {};
     };
 };
 export default Sheets;

package/lib/types/components/Sheets/interface/index.d.ts

@@ -27,6 +27,12 @@ export declare const enum AnimatedSheetsSize {
     auto = "auto",
     fixed = "fixed"
 }
+export interface SheetAnimationConfig {
+    /** Duration in milliseconds. Default: 150 */
+    duration?: number;
+    /** Easing function. Default: Easing.ease for sheet, Easing.linear for mask */
+    easing?: (value: number) => number;
+}
 export interface RedsSheets {
     label?: string;
     mask?: boolean;
@@ -57,6 +63,14 @@ export interface RedsSheets {
     onImmediateConfirm?: () => void;
     avoidSheetsMove?: boolean;
     headlerLayout?: "center" | "left";
+    openAnimation?: {
+        duration?: number;
+        easing?: (value: number) => number;
+    };
+    closeAnimation?: {
+        duration?: number;
+        easing?: (value: number) => number;
+    };
 }
 export interface RedsSheetsEvent {
 }
@@ -85,4 +99,6 @@ export declare const SheetsDefaultProps: {
     onImmediateConfirm: () => void;
     avoidSheetsMove: boolean;
     headlerLayout: string;
+    openAnimation: {};
+    closeAnimation: {};
 };

package/lib/types/components/Slider/Slider.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { RedsSlider } from "./interface/index";
 declare const Slider: {
-    ({ defaultValue, min, max, initalValue, onValueChange, dotStyle }: RedsSlider): React.JSX.Element | undefined;
+    ({ defaultValue, min, max, initalValue, onValueChange, dotStyle, step, }: RedsSlider): React.JSX.Element | undefined;
     defaultProps: {
         value: number;
         min: number;

package/lib/types/components/Stepper/interface/index.d.ts

@@ -5,6 +5,7 @@ export interface RedsStepper {
     disable?: boolean;
     onChange?: (value: number) => any;
     isControl?: boolean;
+    style?: any;
 }
 export interface RedsStepperEvent {
 }

package/lib/types/components/Stepper/styles.d.ts

@@ -3,7 +3,8 @@ export declare const getStyles: (themeColor: any, typography: any) => {
         display: "flex";
         flexDirection: "row";
         alignItems: "center";
-        justifyContent: "center";
+        justifyContent: "space-between";
+        width: number;
     };
     opacity: {
         opacity: number;
@@ -19,7 +20,6 @@ export declare const getStyles: (themeColor: any, typography: any) => {
         lineHeight: number;
     };
     text: {
-        paddingHorizontal: number;
         fontWeight: any;
         fontSize: any;
         color: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xhsreds/reds-rn-next",
-  "version": "0.10.1-fix-pull-refresh202511272021",
+  "version": "0.10.1",
   "author": "贾斌(呀哈) <jiabin@xiaohongshu.com>",
   "license": "ISC",
   "dependencies": {
@@ -26,7 +26,7 @@
     "react-native-fs": "2.20.0",
     "react-native-svg": "13.14.0",
     "@xhs/react-native-harmony": "*",
-    "@xhsreds/reds-token-next": "0.10.0"
+    "@xhsreds/reds-token-next": "0.10.1"
   },
   "peerDependenciesMeta": {
     "ozone-schema-web": {

package/rollup.config.js

@@ -59,6 +59,12 @@ module.exports = [
       //   fileName: "[name][extname]",
       // }),
     ],
-    external: [...externalDeps, ...externalPeerDeps],
+    external: (id) => {
+      // Check if the import is external (from dependencies or peerDependencies)
+      // This handles both exact matches and sub-path imports (e.g., @xhs/reds-components/libs/svg)
+      return [...externalDeps, ...externalPeerDeps].some((dep) => {
+        return id === dep || id.startsWith(dep + "/");
+      });
+    },
   },
 ];

package/src/components/ActionSheets/doc/index.mdx

@@ -26,7 +26,7 @@ ActionSheets size属性继承自sheets组件 容器高度由sheets内部容器
 
 ### Events
 
-| 事件     | 描述       | 类型                   | 默认值 |
-| -------- | ---------- | ---------------------- | ------ |
-| onClose  | 关闭时触发 | () => any              |        |
-| onChange | 点击时触发 | (value: string) => any |        |
+| 事件     | 描述       | 类型                      | 默认值 |
+| -------- | ---------- | ------------------------- | ------ |
+| onClose  | 关闭时触发 | () => any              |        |
+| onChange | 点击时触发 | (value: string) => any |        |

package/src/components/ActionablePopover/ActionablePopover.tsx

@@ -1,5 +1,14 @@
 import React, { useState, useMemo, isValidElement, useEffect, useRef } from "react";
-import { Text, View, TouchableWithoutFeedback, GestureResponderEvent, Animated, Image, Dimensions } from "react-native";
+import {
+  Text,
+  View,
+  TouchableWithoutFeedback,
+  GestureResponderEvent,
+  Animated,
+  Image,
+  Dimensions,
+  Platform,
+} from "react-native";
 import { RedsActionablePopover, ActionablePopoverData } from "./interface/index";
 import { ModalWrapper } from "./component";
 import useMounted from "../../pvCount/useUnmountedProcess";

package/src/components/ActionablePopover/doc/index.mdx

@@ -34,8 +34,8 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
 
 ### Events
 
-| 事件            | 描述              | 类型                                   | 默认值 |
-| --------------- | ----------------- | -------------------------------------- | ------ |
-| onClickMask     | 点击遮罩层时触发  | (evnet: GestureResponderEvent) => void |        |
-| onVisibleChange | visible改变时触发 | (value: boolean) => void               |        |
-| onClick         | visible改变时触发 | (value: string | number) => void  |        |
+| 事件            | 描述              | 类型                                      | 默认值 |
+| --------------- | ----------------- | ----------------------------------------- | ------ |
+| onClickMask     | 点击遮罩层时触发  | (evnet: GestureResponderEvent) => void |        |
+| onVisibleChange | visible改变时触发 | (value: boolean) => void               |        |
+| onClick         | visible改变时触发 | (value: string | number) => void  |        |

package/src/components/Alert/demo/index.tsx

@@ -106,12 +106,12 @@ export default function App() {
   };
 
   const handleConfirm = (e: GestureResponderEvent) => {
-    console.log("确认按钮点击", e);
+    console.log("确认按钮点击", e.target);
     hideAlert();
   };
 
   const handleCancel = (e: GestureResponderEvent) => {
-    console.log("取消按钮点击", e);
+    console.log("取消按钮点击", e.target);
     hideAlert();
   };
 

package/src/components/Alert/doc/index.mdx

@@ -38,10 +38,10 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
 
 ### Events
 
-| 事件      | 描述               | 类型                                   | 默认值 |
-| --------- | ------------------ | -------------------------------------- | ------ |
-| onConfirm | 点击确认按钮时触发 | (value: GestureResponderEvent) => void |        |
-| onCancel  | 点击取消按钮时触发 | (value: GestureResponderEvent) => void |        |
-| onOpen    | 打开弹窗时触发     | () => void                             |        |
-| onClose   | 关闭弹窗时触发     | () => void                             |        |
-| onMask    | 点击确认按钮时触发 | (value: GestureResponderEvent) => void |        |
+| 事件      | 描述               | 类型                                      | 默认值 |
+| --------- | ------------------ | ----------------------------------------- | ------ |
+| onConfirm | 点击确认按钮时触发 | (value: GestureResponderEvent) => void |        |
+| onCancel  | 点击取消按钮时触发 | (value: GestureResponderEvent) => void |        |
+| onOpen    | 打开弹窗时触发     | () => void                             |        |
+| onClose   | 关闭弹窗时触发     | () => void                             |        |
+| onMask    | 点击确认按钮时触发 | (value: GestureResponderEvent) => void |        |

package/src/components/Avatar/styles.ts

@@ -1,5 +1,6 @@
 import { StyleSheet, Platform } from "react-native";
 import { useThemeTypography, useThemeColor } from "../ConfigProvider";
+import { alwaysColor } from "@xhs/reds-token-next";
 
 const avatarSizeToTagMargin = {
   small: -4,
@@ -162,7 +163,7 @@ export const getLiveTextStyles = (size: AvatarSize, liveIcon: any) => {
     liveTextSmall: {
       fontSize: 8,
       textAlign: "center",
-      color: themeColor.White,
+      color: alwaysColor.White,
       display: "flex",
       justifyContent: "center",
       alignItems: "center",
@@ -170,18 +171,18 @@ export const getLiveTextStyles = (size: AvatarSize, liveIcon: any) => {
     liveTextMedium: {
       fontSize: 8,
       textAlign: "center",
-      color: themeColor.White,
+      color: alwaysColor.White,
     },
     liveTextLarge: {
       fontSize: typography.C3FontSize,
       fontWeight: typography.C3FontWeight,
       textAlign: "center",
-      color: themeColor.White,
+      color: alwaysColor.White,
     },
     liveTextXLarge: {
       fontSize: typography.C2FontSize,
       textAlign: "center",
-      color: themeColor.White,
+      color: alwaysColor.White,
     },
   });
 

package/src/components/BottomBar/styles.ts

@@ -5,7 +5,7 @@ export const getStyles = (themeColor: any) => {
     bottomBar: {
       width: "100%",
       padding: 8,
-      backgroundColor: "inherit",
+      backgroundColor: themeColor.Bg,
     },
     fixed: {
       position: "absolute",

package/src/components/Button/doc/index.mdx

@@ -33,7 +33,7 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
 
 ### Events
 
-| 事件                | 描述               | 类型                                   | 默认值 |
-| ------------------- | ------------------ | -------------------------------------- | ------ |
-| onClick             | 被点击时触发       | (value: GestureResponderEvent) => void |        |
-| onFirstDrawFinished | 第一次渲染结束回调 | () => void                             |        |
+| 事件                | 描述               | 类型                                      | 默认值 |
+| ------------------- | ------------------ | ----------------------------------------- | ------ |
+| onClick             | 被点击时触发       | (value: GestureResponderEvent) => void |        |
+| onFirstDrawFinished | 第一次渲染结束回调 | () => void                             |        |

package/src/components/Carousel/doc/index.mdx

@@ -34,7 +34,7 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
 
 ### Events
 
-| 事件     | 描述               | 类型                                | 默认值 |
-| -------- | ------------------ | ----------------------------------- | ------ |
-| onChange | 当值发生变化时触发 | (value: any, index: number) => void |        |
-| onClick  | 被点击时触发       | (value: any, index: number) => void |        |
+| 事件     | 描述               | 类型                                   | 默认值 |
+| -------- | ------------------ | -------------------------------------- | ------ |
+| onChange | 当值发生变化时触发 | (value: any, index: number) => void |        |
+| onClick  | 被点击时触发       | (value: any, index: number) => void |        |

package/src/components/CheckBoxGroup/doc/index.mdx

@@ -25,6 +25,6 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
 
 ### Events
 
-| 事件     | 描述               | 类型                                      | 默认值 |
-| -------- | ------------------ | ----------------------------------------- | ------ |
-| onChange | 当值发生变化时触发 | (value: string[] | number[]) => void |        |
+| 事件     | 描述               | 类型                                         | 默认值 |
+| -------- | ------------------ | -------------------------------------------- | ------ |
+| onChange | 当值发生变化时触发 | (value: string[] | number[]) => void |        |

package/src/components/Collapse/doc/index.mdx

@@ -19,6 +19,6 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
 
 ### Events
 
-| 事件     | 描述           | 类型                                   | 默认值 |
-| -------- | -------------- | -------------------------------------- | ------ |
-| onChange | 切换面板时触发 | (activeValue: ActiveValueType) => void |        |
+| 事件     | 描述           | 类型                                      | 默认值 |
+| -------- | -------------- | ----------------------------------------- | ------ |
+| onChange | 切换面板时触发 | (activeValue: ActiveValueType) => void |        |

package/src/components/DatePicker/demo/index.tsx

@@ -37,6 +37,7 @@ export default function App() {
   const [value14, setValue14] = useState("2023-10-05-12");
   const [value16, setValue16] = useState("2023-10-05-12-10");
   const [value17, setValue17] = useState("2025-9-15-14-25");
+  const [value18, setValue18] = useState("2025-11-20");
 
   const [visible1, setVisible1] = useState(false);
   const [visible2, setVisible2] = useState(false);
@@ -54,6 +55,7 @@ export default function App() {
   const [visible14, setVisible14] = useState(false);
   const [visible16, setVisible16] = useState(false);
   const [visible17, setVisible17] = useState(false);
+  const [visible18, setVisible18] = useState(false);
 
   const { show, remove } = useDatePicker();
   return (
@@ -329,6 +331,30 @@ export default function App() {
       >
         函数式调用
       </Button>
+
+      <Button
+        onClick={() => {
+          setVisible18(true);
+        }}
+      >
+        跳动bug
+      </Button>
+      <DatePicker
+        visible={visible18}
+        value={value18}
+        label={"跳动bug"}
+        startTime={"1900-01-01"}
+        endTime={"2200-12-31"}
+        onConfirm={(val: string) => {
+          console.log("onConfirm18", val);
+          setValue18(val);
+          setVisible18(false);
+        }}
+        onChange={(val: string) => {
+          console.log("onChange18", val);
+        }}
+        onCancel={() => setVisible18(false)}
+      />
       <View style={{ height: 200 }}></View>
     </ScrollView>
   );

package/src/components/DatePicker/doc/index.mdx

@@ -10,27 +10,27 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
 
 ### Props
 
-| 属性          | 描述                                      | 类型                   | 默认值                      |
-| ------------- | ----------------------------------------- | ---------------------- | --------------------------- |
-| visible       | 是否展示datePicker                        | boolean                | false                       |
-| value         | 选中值                                    | string                 |                             |
-| cancelText    | 关闭文案                                  | string                 |                             |
-| mode          | 模式                                      | DatePickerMode         | DatePickerMode.YearMonthDay |
-| startYear     | 选择器的最小可选时间，默认为当前时间-10年 | number                 |                             |
-| endYear       | 选择器的最大可选时间，默认为当前时间+10年 | number                 |                             |
-| startTime     | 选择器的最小可选时间，优先级大于startYear | string                 |                             |
-| endTime       | 选择器的最大可选时间，优先级大于endYear   | string                 |                             |
-| label         | 标题                                      | string                 |                             |
-| formatter     | 格式化时间格式                            | (value: string) => any | (value: string) => value    |
-| isDatePattern | 是否返回时间格式数据                      | boolean                | false                       |
-| closeText     | 关闭文案                                  | string                 |                             |
-| mask          | mask                                      | boolean                |                             |
-| hostName      | hostName                                  | string                 | root                        |
+| 属性          | 描述                                      | 类型                      | 默认值                      |
+| ------------- | ----------------------------------------- | ------------------------- | --------------------------- |
+| visible       | 是否展示datePicker                        | boolean                   | false                       |
+| value         | 选中值                                    | string                    |                             |
+| cancelText    | 关闭文案                                  | string                    |                             |
+| mode          | 模式                                      | DatePickerMode            | DatePickerMode.YearMonthDay |
+| startYear     | 选择器的最小可选时间，默认为当前时间-10年 | number                    |                             |
+| endYear       | 选择器的最大可选时间，默认为当前时间+10年 | number                    |                             |
+| startTime     | 选择器的最小可选时间，优先级大于startYear | string                    |                             |
+| endTime       | 选择器的最大可选时间，优先级大于endYear   | string                    |                             |
+| label         | 标题                                      | string                    |                             |
+| formatter     | 格式化时间格式                            | (value: string) => any | (value: string) => value |
+| isDatePattern | 是否返回时间格式数据                      | boolean                   | false                       |
+| closeText     | 关闭文案                                  | string                    |                             |
+| mask          | mask                                      | boolean                   |                             |
+| hostName      | hostName                                  | string                    | root                        |
 
 ### Events
 
-| 事件      | 描述               | 类型                    | 默认值                |
-| --------- | ------------------ | ----------------------- | --------------------- |
-| onChange  | 当值发生变化时触发 | (value: string) => void | (value: string) => {} |
-| onCancel  | 取消事件           | () => void              | () => {}              |
-| onConfirm | 确定事件           | (value: string) => void | (value: string) => {} |
+| 事件      | 描述               | 类型                       | 默认值                   |
+| --------- | ------------------ | -------------------------- | ------------------------ |
+| onChange  | 当值发生变化时触发 | (value: string) => void | (value: string) => {} |
+| onCancel  | 取消事件           | () => void              | () => {}              |
+| onConfirm | 确定事件           | (value: string) => void | (value: string) => {} |