@xhsreds/reds-rn-next 0.8.4-fix-callbacks202510011427 → 0.9.0

package/lib/esm/components/Radio/index.js

@@ -9,7 +9,9 @@ import '../../_chunks/EFNq8w3r.js';
 import '../SegmentedControl/styles.js';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
 import '@xhsreds/reds-token-next';
+import '../../pvCount/useUnmountedProcess.js';
 import '@xhs/reds-apm/src/index.native';
+import '../../pvCount/pvData.js';
 import '../ConfigProvider/hooks/themeToken/useThemeToken.js';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 import '../LanguageProvider/LanguageProvider.js';
@@ -20,11 +22,10 @@ import '../../i18n/index.js';
 import '../NoticeBar/NoticeBar.js';
 import '../../_chunks/vfMM_tvS.js';
 import '../NoticeBar/styles.js';
-import '../../pvCount/pvData.js';
 import '../ImagePreview/ImagePreview.js';
 import '../Carousel/Carousel.js';
 import '../Carousel/styles.js';
-import '../../_chunks/D4cWWld6.js';
+import '../../_chunks/Dz2wZ4QI.js';
 import '../../_chunks/mI5rFlln.js';
 import '../ImagePreview/styles.js';
 import '../ImagePreview/api.js';
@@ -32,7 +33,6 @@ import '../Portal/core/Portal.js';
 import '../Portal/core/hooks/usePortal.js';
 import '../../_chunks/CDM4vPRi.js';
 import '../Portal/core/PortalContext.js';
-import '../../pvCount/useUnmountedProcess.js';
 import '../Portal/core/PortalHost.js';
 import '../Portal/core/hooks/usePortalState.js';
 import '../Portal/core/PortalProvider.js';
@@ -59,7 +59,7 @@ import '../TextField/styles.js';
 import '../Icon/Icon.js';
 import '../ConfigProvider/hooks/themeToken/useColorMode.js';
 import '../Uploader/Uploader.js';
-import '../../_chunks/gVOr7Fuf.js';
+import '../../_chunks/eYElHgNc.js';
 import '../ProgressIndicator/ProgressIndicator.js';
 import '../../_chunks/B_AP2PTq.js';
 import '../ProgressIndicator/lottie/getLottieSource.js';
@@ -75,6 +75,7 @@ import '../ProgressIndicator/lottie/progress_loading_primary.js';
 import '../ProgressIndicator/lottie/loading.js';
 import '../ProgressIndicator/lottie/loading_dark.js';
 import '../ProgressIndicator/lottie/loading_primary.js';
+import '../ProgressIndicator/styles.js';
 import '@xhs/lottie-react-native';
 import '../Uploader/utils.js';
 import '../Uploader/styles.js';
@@ -109,8 +110,9 @@ import '../PickerView/PickerView.js';
 import '../PickerView/styles.js';
 import '../PickerView/Wheel.js';
 import '../Sheets/AnimatedSheets.js';
-import '../../_chunks/C0KQCGVI.js';
+import '../../_chunks/C4jyXYEi.js';
 import '../Sheets/styles.js';
+import '@xhs/reder-icon-svg-ReDs_icon';
 import '../Sheets/Sheets.js';
 import '../DatePicker/utils.js';
 import '../DatePicker/api.js';
@@ -127,24 +129,21 @@ import '../Sheets/api.js';
 import '../../_chunks/DcCfwG0m.js';
 import '../Picker/api.js';
 import '../Alert/Alert.js';
-import '../../_chunks/Bli8ZtGd.js';
-import '../Divider/Divider.js';
-import '../../_chunks/CLoffREn.js';
-import '../Divider/styles.js';
+import '../../_chunks/VnzL1go0.js';
 import '../Alert/styles.js';
 import '../Alert/hooks/alert.js';
 import '../FAB/FAB.js';
-import '../../_chunks/BHRAJjD2.js';
+import '../../_chunks/D22mAc_y.js';
 import '../FAB/styles.js';
 import '../../_chunks/BvHbVzTj.js';
 import '../Toast/api.js';
 import '../Toast/Toast.js';
 import '../Toast/styles.js';
 import '../DropDown/DropDown.js';
-import '../../_chunks/Cadwf4ug.js';
+import '../../_chunks/txW6I2gp.js';
 import '../DropDown/styles.js';
 import '../Tab/Tabs.js';
-import '../../_chunks/MDHpthjd.js';
+import '../../_chunks/C-fPcs5Q.js';
 import '../Tab/styles.js';
 import '../Badge/Badge.js';
 import '../../_chunks/dcCYT91T.js';
@@ -171,17 +170,20 @@ import '../Skeleton/index.js';
 import '../Skeleton/Skeleton.js';
 import '../../_chunks/7_ZK_tBb.js';
 import '../Skeleton/Item/SkeletonItem.js';
-import '../../_chunks/D-UGc_mn.js';
+import '../../_chunks/DZNKkp8Z.js';
 import '../Skeleton/Item/styles.js';
 import 'react-native-svg';
 import '../Skeleton/styles.js';
 import '../Skeleton/Skeleton69.js';
 import '../Skeleton/Item/SkeletonItem69.js';
+import '../Divider/Divider.js';
+import '../../_chunks/CLoffREn.js';
+import '../Divider/styles.js';
 import '../Tag/Tag.js';
 import '../../_chunks/rg8iK2hL.js';
 import '../Image/index.js';
 import '../Image/Image.js';
-import '../../_chunks/CMnjcQfl.js';
+import '../../_chunks/JYqI07V8.js';
 import '../Image/styles.js';
 import '../Image/hook/index.js';
 import '../Image/CircularProgress.js';
@@ -221,11 +223,11 @@ import '../../_chunks/BKS4Pa1R.js';
 import '../Result/styles.js';
 import '../Result/hooks/useDefaultIcon.js';
 import '../PullRefresh/PullRefresh.js';
-import '../../_chunks/B92bvKY8.js';
+import '../../_chunks/CZtagXcj.js';
 import '../PullRefresh/component.js';
 import '../PullRefresh/Refresh.js';
 import '../Avatar/Avatar.js';
-import '../../_chunks/DGvW6nAB.js';
+import '../../_chunks/DjMhUq01.js';
 import '../Avatar/styles.js';
 import '../AvatarGroup/AvatarGroup.js';
 import '../../_chunks/DYs5DSy1.js';

package/lib/esm/components/Radio/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/components/Radio/styles.js

@@ -43,7 +43,8 @@ var getContainerStyle = function getContainerStyle(direction, position) {
     flexDirection: position === "left" || !position || direction === "horizontal" ? "row" : "row-reverse",
     alignItems: "center",
     justifyContent: "flex-start",
-    backgroundColor: direction === "vertical" ? themeColor.Bg : void 0
+    backgroundColor: direction === "vertical" ? themeColor.Bg : void 0,
+    paddingHorizontal: 16
   };
 };
 var getWrapperStyle = function getWrapperStyle(direction, position) {

package/lib/esm/components/Radio/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Radio/styles.ts"],"sourcesContent":["import { StyleSheet, ViewStyle, TextStyle, DimensionValue } from \"react-native\";\nimport { useThemeColor } from \"../ConfigProvider\";\nimport { typography } from \"@xhsreds/reds-token-next\";\nconst iconSizeMap: Record<\"small\" | \"medium\" | \"large\" | string, number> = {\n  small: typography.B1FontSize,\n  medium: typography.H3FontSize,\n  large: typography.H2FontSize,\n};\nconst fontSizeMap: Record<\"small\" | \"medium\" | \"large\", number> = {\n  small: 12,\n  medium: 16,\n  large: 20,\n};\n\nconst iconBorderSizeMap: Record<\"small\" | \"medium\" | \"large\", number> = {\n  small: 12,\n  medium: 16,\n  large: 20,\n};\n\nexport const iconRightSizeMap: Record<\n  \"small\" | \"medium\" | \"large\" | string,\n  Record<\"height\" | \"width\", string | number>\n> = {\n  large: {\n    height: 8,\n    width: 11,\n  },\n  medium: {\n    height: 7,\n    width: 9,\n  },\n  small: {\n    height: 6,\n    width: 8,\n  },\n};\nexport const getContainerStyle = (direction?: string | undefined, position?: \"left\" | \"right\"): ViewStyle => {\n  const themeColor = useThemeColor(\"Radio\");\n  return {\n    display: \"flex\",\n    flexDirection: position === \"left\" || !position || direction === \"horizontal\" ? \"row\" : \"row-reverse\",\n    alignItems: \"center\",\n    justifyContent: \"flex-start\",\n    backgroundColor: direction === \"vertical\" ? themeColor.Bg : undefined,\n  };\n};\n\nexport const getWrapperStyle = (direction?: string | undefined, position?: \"left\" | \"right\") => {\n  return direction === \"horizontal\"\n    ? {\n        display: \"flex\",\n        alignItems: \"center\",\n        flexDirection: \"row\",\n      }\n    : position === \"left\"\n      ? {\n          display: \"flex\",\n          alignItems: \"center\",\n          flex: 1,\n          flexDirection: \"row\",\n          paddingVertical: 12,\n        }\n      : {\n          display: \"flex\",\n          alignItems: \"center\",\n          flex: 1,\n          flexDirection: \"row\",\n          paddingVertical: 12,\n        };\n};\n\nexport const getIconStyleClass = (\n  checked: boolean,\n  size: \"small\" | \"medium\" | \"large\",\n  disabled?: boolean,\n  position: \"left\" | \"right\" = \"left\",\n  direction: \"vertical\" | \"horizontal\" = \"vertical\",\n): ViewStyle => {\n  const themeColor = useThemeColor(\"Radio\");\n  return {\n    width: iconSizeMap[size],\n    height: iconSizeMap[size],\n    marginLeft: direction === \"vertical\" ? (position === \"left\" ? 0 : 12) : 0,\n    marginRight: direction === \"vertical\" ? (position === \"right\" ? 0 : 12) : 8,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    opacity: checked && disabled ? 0.4 : 1,\n  };\n};\n\nexport const getLabelStyle = (\n  disabled?: boolean,\n  size: \"small\" | \"medium\" | \"large\" = \"medium\",\n  direction = \"horizontal\",\n): TextStyle => {\n  const themeColor = useThemeColor(\"Radio\");\n\n  return {\n    color: disabled ? themeColor.Disabled : themeColor.Title,\n    lineHeight: iconSizeMap[size],\n    fontSize: fontSizeMap[size],\n    marginRight: direction === \"horizontal\" ? 8 : 0,\n  };\n};\n\nexport const getDividerStyle = (): ViewStyle => ({\n  borderBottomWidth: 1,\n  borderColor: useThemeColor(\"Radio\").Separator,\n  position: \"relative\",\n  bottom: 0,\n});\n\nexport const iconRight = {\n  position: \"absolute\",\n  right: 16,\n} as ViewStyle;\n\nexport const hiddenBgStyle = (): ViewStyle => ({\n  backgroundColor: \"transparent\",\n  borderColor: \"none\",\n  borderWidth: 0,\n});\n\nexport const freestyle = {\n  flex: 1,\n  height: \"100%\",\n  position: \"relative\",\n  display: \"flex\",\n  flexDirection: \"row\",\n  alignItems: \"center\",\n} as ViewStyle;\n\nexport const getRadioGroupStyle = (direction: \"vertical\" | \"horizontal\" = \"horizontal\") =>\n  StyleSheet.create({\n    group: {\n      flexDirection: direction === \"horizontal\" ? \"row\" : \"column\",\n      flexWrap: \"wrap\",\n    },\n  }).group;\n\n// 获取图标样式\nexport const getUnCheckedStyle = (size: \"small\" | \"medium\" | \"large\") => {\n  const themeColor = useThemeColor(\"Radio\");\n  return {\n    borderRadius: 99999,\n    borderWidth: 1,\n    borderColor: themeColor.Separator,\n    width: iconBorderSizeMap[size],\n    height: iconBorderSizeMap[size],\n  };\n};\n\nexport const getRightIconStyle = (size: string) => {\n  const styles = StyleSheet.create({\n    right: {\n      height: iconRightSizeMap[size || \"large\"].height as DimensionValue,\n      width: iconRightSizeMap[size || \"large\"].width as DimensionValue,\n    },\n  });\n  return styles.right;\n};\n\nexport const getRightWrapperStyle = (size: string, themeColor: any, customColor?: string) => {\n  const styles = StyleSheet.create({\n    wrapper: {\n      height: iconSizeMap[size || \"large\"] as DimensionValue,\n      width: iconSizeMap[size || \"large\"] as DimensionValue,\n      borderRadius: 1000,\n      backgroundColor: customColor || themeColor.Primary,\n      display: \"flex\",\n      flexDirection: \"row\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n  });\n  return styles.wrapper;\n};\n"],"names":["iconSizeMap","small","typography","B1FontSize","medium","H3FontSize","large","H2FontSize","fontSizeMap","iconBorderSizeMap","iconRightSizeMap","height","width","getContainerStyle","direction","position","themeColor","useThemeColor","display","flexDirection","alignItems","justifyContent","backgroundColor","Bg","getWrapperStyle","flex","paddingVertical","getIconStyleClass","checked","size","disabled","arguments","length","undefined","marginLeft","marginRight","opacity","getLabelStyle","color","Disabled","Title","lineHeight","fontSize","getDividerStyle","borderBottomWidth","borderColor","Separator","bottom","iconRight","right","hiddenBgStyle","borderWidth","freestyle","getRadioGroupStyle","StyleSheet","create","group","flexWrap","getUnCheckedStyle","borderRadius","getRightIconStyle","styles","getRightWrapperStyle","customColor","wrapper","Primary"],"mappings":"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"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/Radio/styles.ts"],"sourcesContent":["import { StyleSheet, ViewStyle, TextStyle, DimensionValue } from \"react-native\";\nimport { useThemeColor } from \"../ConfigProvider\";\nimport { typography } from \"@xhsreds/reds-token-next\";\nconst iconSizeMap: Record<\"small\" | \"medium\" | \"large\" | string, number> = {\n  small: typography.B1FontSize,\n  medium: typography.H3FontSize,\n  large: typography.H2FontSize,\n};\nconst fontSizeMap: Record<\"small\" | \"medium\" | \"large\", number> = {\n  small: 12,\n  medium: 16,\n  large: 20,\n};\n\nconst iconBorderSizeMap: Record<\"small\" | \"medium\" | \"large\", number> = {\n  small: 12,\n  medium: 16,\n  large: 20,\n};\n\nexport const iconRightSizeMap: Record<\n  \"small\" | \"medium\" | \"large\" | string,\n  Record<\"height\" | \"width\", string | number>\n> = {\n  large: {\n    height: 8,\n    width: 11,\n  },\n  medium: {\n    height: 7,\n    width: 9,\n  },\n  small: {\n    height: 6,\n    width: 8,\n  },\n};\nexport const getContainerStyle = (direction?: string | undefined, position?: \"left\" | \"right\"): ViewStyle => {\n  const themeColor = useThemeColor(\"Radio\");\n  return {\n    display: \"flex\",\n    flexDirection: position === \"left\" || !position || direction === \"horizontal\" ? \"row\" : \"row-reverse\",\n    alignItems: \"center\",\n    justifyContent: \"flex-start\",\n    backgroundColor: direction === \"vertical\" ? themeColor.Bg : undefined,\n    paddingHorizontal: 16,\n  };\n};\n\nexport const getWrapperStyle = (direction?: string | undefined, position?: \"left\" | \"right\") => {\n  return direction === \"horizontal\"\n    ? {\n        display: \"flex\",\n        alignItems: \"center\",\n        flexDirection: \"row\",\n      }\n    : position === \"left\"\n      ? {\n          display: \"flex\",\n          alignItems: \"center\",\n          flex: 1,\n          flexDirection: \"row\",\n          paddingVertical: 12,\n        }\n      : {\n          display: \"flex\",\n          alignItems: \"center\",\n          flex: 1,\n          flexDirection: \"row\",\n          paddingVertical: 12,\n        };\n};\n\nexport const getIconStyleClass = (\n  checked: boolean,\n  size: \"small\" | \"medium\" | \"large\",\n  disabled?: boolean,\n  position: \"left\" | \"right\" = \"left\",\n  direction: \"vertical\" | \"horizontal\" = \"vertical\",\n): ViewStyle => {\n  const themeColor = useThemeColor(\"Radio\");\n  return {\n    width: iconSizeMap[size],\n    height: iconSizeMap[size],\n    marginLeft: direction === \"vertical\" ? (position === \"left\" ? 0 : 12) : 0,\n    marginRight: direction === \"vertical\" ? (position === \"right\" ? 0 : 12) : 8,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    opacity: checked && disabled ? 0.4 : 1,\n  };\n};\n\nexport const getLabelStyle = (\n  disabled?: boolean,\n  size: \"small\" | \"medium\" | \"large\" = \"medium\",\n  direction = \"horizontal\",\n): TextStyle => {\n  const themeColor = useThemeColor(\"Radio\");\n\n  return {\n    color: disabled ? themeColor.Disabled : themeColor.Title,\n    lineHeight: iconSizeMap[size],\n    fontSize: fontSizeMap[size],\n    marginRight: direction === \"horizontal\" ? 8 : 0,\n  };\n};\n\nexport const getDividerStyle = (): ViewStyle => ({\n  borderBottomWidth: 1,\n  borderColor: useThemeColor(\"Radio\").Separator,\n  position: \"relative\",\n  bottom: 0,\n});\n\nexport const iconRight = {\n  position: \"absolute\",\n  right: 16,\n} as ViewStyle;\n\nexport const hiddenBgStyle = (): ViewStyle => ({\n  backgroundColor: \"transparent\",\n  borderColor: \"none\",\n  borderWidth: 0,\n});\n\nexport const freestyle = {\n  flex: 1,\n  height: \"100%\",\n  position: \"relative\",\n  display: \"flex\",\n  flexDirection: \"row\",\n  alignItems: \"center\",\n} as ViewStyle;\n\nexport const getRadioGroupStyle = (direction: \"vertical\" | \"horizontal\" = \"horizontal\") =>\n  StyleSheet.create({\n    group: {\n      flexDirection: direction === \"horizontal\" ? \"row\" : \"column\",\n      flexWrap: \"wrap\",\n    },\n  }).group;\n\n// 获取图标样式\nexport const getUnCheckedStyle = (size: \"small\" | \"medium\" | \"large\") => {\n  const themeColor = useThemeColor(\"Radio\");\n  return {\n    borderRadius: 99999,\n    borderWidth: 1,\n    borderColor: themeColor.Separator,\n    width: iconBorderSizeMap[size],\n    height: iconBorderSizeMap[size],\n  };\n};\n\nexport const getRightIconStyle = (size: string) => {\n  const styles = StyleSheet.create({\n    right: {\n      height: iconRightSizeMap[size || \"large\"].height as DimensionValue,\n      width: iconRightSizeMap[size || \"large\"].width as DimensionValue,\n    },\n  });\n  return styles.right;\n};\n\nexport const getRightWrapperStyle = (size: string, themeColor: any, customColor?: string) => {\n  const styles = StyleSheet.create({\n    wrapper: {\n      height: iconSizeMap[size || \"large\"] as DimensionValue,\n      width: iconSizeMap[size || \"large\"] as DimensionValue,\n      borderRadius: 1000,\n      backgroundColor: customColor || themeColor.Primary,\n      display: \"flex\",\n      flexDirection: \"row\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n  });\n  return styles.wrapper;\n};\n"],"names":["iconSizeMap","small","typography","B1FontSize","medium","H3FontSize","large","H2FontSize","fontSizeMap","iconBorderSizeMap","iconRightSizeMap","height","width","getContainerStyle","direction","position","themeColor","useThemeColor","display","flexDirection","alignItems","justifyContent","backgroundColor","Bg","paddingHorizontal","getWrapperStyle","flex","paddingVertical","getIconStyleClass","checked","size","disabled","arguments","length","undefined","marginLeft","marginRight","opacity","getLabelStyle","color","Disabled","Title","lineHeight","fontSize","getDividerStyle","borderBottomWidth","borderColor","Separator","bottom","iconRight","right","hiddenBgStyle","borderWidth","freestyle","getRadioGroupStyle","StyleSheet","create","group","flexWrap","getUnCheckedStyle","borderRadius","getRightIconStyle","styles","getRightWrapperStyle","customColor","wrapper","Primary"],"mappings":"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"}

package/lib/esm/components/Search/Search.js

@@ -240,7 +240,7 @@ var RedsSearchComponent = /*#__PURE__*/forwardRef(function (props, ref) {
     },
     activeOpacity: 1
   }, /* @__PURE__ */React.createElement(Image, {
-    style: styles.icon,
+    style: styles.clearable,
     source: {
       uri: "https://picasso-static.xiaohongshu.com/fe-platform/3d62a0bc90b6aca0993870867b3e33492eb339c1.png"
     },
@@ -276,7 +276,7 @@ var RedsSearchComponent = /*#__PURE__*/forwardRef(function (props, ref) {
   }, /* @__PURE__ */React.createElement(Text, {
     style: styles.searchButtonRightText,
     onLayout: onTextLayoutHandle
-  }, buttonText || searchKey))) : /* @__PURE__ */React.createElement(React.Fragment, null));
+  }, buttonText || searchKey))) : /* @__PURE__ */React.createElement(React.Fragment, null), props.suffix);
 });
 RedsSearchComponent.defaultProps = SearchDefaultProps;
 

package/lib/esm/components/Search/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sources":["../../../../src/components/Search/Search.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useEffect, useMemo, forwardRef, useImperativeHandle } from \"react\";\nimport {\n  View,\n  TextInput,\n  Image,\n  Animated,\n  Text,\n  NativeSyntheticEvent,\n  TextInputChangeEventData,\n  TouchableOpacity,\n} from \"react-native\";\n// 引入字体处理库\nimport runes from \"runes\";\nimport { Icon, IconType } from \"../Icon\"; // 你需要实现Icon组件的RN版本\nimport { RedsSearch, SearchDefaultProps, TextFieldFormatTriggerType } from \"./interface\";\nimport createStyles from \"./styles\";\nimport { formatNumber } from \"./utils\";\nimport { useColorMode } from \"../ConfigProvider\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { useLanguage } from \"../LanguageProvider\";\n\nconst RedsSearchComponent = forwardRef((props: RedsSearch, ref) => {\n  useMounted(\"Search\");\n  const searchKey = useLanguage(\"componentKey\", \"searchKey\");\n  const {\n    modelValue,\n    type,\n    maxLength,\n    placeholder,\n    disabled,\n    readonly,\n    clearable,\n    formatter,\n    formatterTrigger,\n    inputAlign,\n    autocomplete,\n    autofocus,\n    showWordLimit,\n    leftBack,\n    camera,\n    search,\n    transparent,\n    buttonText,\n    onInput,\n    onChange,\n    onFocus,\n    onBlur,\n    onClear,\n    onCameraIconClick,\n    onSearchIconClick,\n    onLeftBackIconClick,\n    onButtonClick,\n    onCancelClick,\n    onSearchClick,\n    onButtonTextClick,\n    force,\n  } = props;\n\n  const styles = createStyles();\n\n  const colorMode = useColorMode();\n\n  const [focused, setFocused] = useState<boolean>(false);\n  const [value, setValue] = useState<string>(modelValue || \"\");\n  const inputRef = useRef<TextInput>(null);\n  const [buttonTextWidth, setButtonTextWidth] = useState(0);\n  const [buttonTextLayout, setButtonTextLayout] = useState(false);\n\n  const buttonTextAnimation = useRef(new Animated.Value(0)).current;\n\n  const buttonTextRef = useRef<View>(null);\n\n  // 格式化value\n  const limitValueLength = useCallback(\n    (value: string) => {\n      const valueLength = runes(value || \"\").length;\n      if (typeof maxLength === \"number\" && valueLength > maxLength) {\n        return runes.substr(value, 0, +maxLength);\n      }\n      return value;\n    },\n    [maxLength],\n  );\n  const formatValue = useCallback(\n    (value: string, trigger: TextFieldFormatTriggerType = \"onChange\") => {\n      let res = limitValueLength(value);\n\n      if (type === \"number\" || type === \"digit\") {\n        const isNumber = type === \"number\";\n        res = formatNumber(res, isNumber, isNumber);\n      }\n      if (formatter && formatterTrigger === trigger) {\n        res = formatter(res);\n      }\n\n      return res;\n    },\n    [type, formatter, formatterTrigger],\n  );\n\n  const handleInput = useCallback(\n    (text: string) => {\n      if (!readonly) {\n        const valueFormatted = formatValue(text);\n        setValue(valueFormatted);\n        onInput && onInput(valueFormatted);\n      }\n    },\n    [readonly, onInput],\n  );\n\n  const handleClear = useCallback(() => {\n    setValue(\"\");\n    onClear && onClear();\n    inputRef.current?.focus();\n  }, [onClear]);\n\n  const handleFocus = useCallback(\n    (event: any) => {\n      setFocused(true);\n      onFocus && onFocus(event);\n    },\n    [onFocus],\n  );\n\n  const handleBlur = useCallback(\n    (event: any) => {\n      if (readonly) return;\n      setFocused(false);\n      onBlur && onBlur(event);\n    },\n    [onBlur],\n  );\n\n  const handleClickCamera = useCallback(() => {\n    onCameraIconClick && onCameraIconClick();\n  }, [onCameraIconClick]);\n\n  const handleClickLeftBack = useCallback(() => {\n    onLeftBackIconClick && onLeftBackIconClick();\n  }, [onLeftBackIconClick]);\n\n  const handleClickButton = useCallback(\n    (value: string) => {\n      // if (placeholder && value.length === 0) {\n      //   setValue(placeholder);\n      // }\n      onSearchClick && onSearchClick(value);\n      onButtonClick && onButtonClick(value);\n    },\n    [value, onSearchClick, onButtonClick],\n  );\n\n  const handleClickSearchIcon = useCallback(() => {\n    onSearchIconClick && onSearchIconClick();\n  }, [onSearchIconClick]);\n\n  const handleChange = (e: NativeSyntheticEvent<TextInputChangeEventData>) => {\n    onChange && onChange(e);\n  };\n\n  const onTextLayoutHandle = useCallback(() => {\n    if (!buttonTextLayout) {\n      buttonTextRef.current?.measure((x, y, width, height, pageX, pageY) => {\n        setButtonTextWidth(width);\n        setButtonTextLayout(true);\n      });\n    }\n  }, [buttonTextLayout]);\n\n  useEffect(() => {\n    Animated.timing(buttonTextAnimation, {\n      toValue: focused || force ? buttonTextWidth : 0,\n      duration: 200,\n      useNativeDriver: false,\n    }).start();\n  }, [focused, force, buttonTextWidth]);\n\n  useEffect(() => {\n    setValue(modelValue || \"\");\n  }, [modelValue]);\n\n  useImperativeHandle(ref, () => {\n    return {\n      focus: () => inputRef.current?.focus(),\n      blur: () => inputRef.current?.blur(),\n      clear: () => inputRef.current?.clear(),\n      isFocused: () => inputRef.current?.isFocused(),\n    };\n  });\n\n  const ArrowLeft = useMemo(() => {\n    if (colorMode === \"light\") {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/fb5b21a7cce47ddb6a0e298c1f362f1486824615.png\";\n    } else {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/c4c4ea8f2a3c991e0d17d327466e7a31389e2ba2.png\";\n    }\n  }, [colorMode]);\n\n  const Search = useMemo(() => {\n    if (colorMode === \"light\") {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/750551add538cd194a9a50856796e16a0135abdb.png\";\n    } else {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/abddcd2ee1d03d396b5ca5511a81e4cda863d362.png\";\n    }\n  }, [colorMode]);\n  const handleSearch = (event: any) => {\n    const query = event.nativeEvent.text;\n    props?.onSearch?.(query);\n  };\n\n  const searchView = useMemo(() => {\n    return (\n      search && (\n        <TouchableOpacity onPress={handleClickSearchIcon} activeOpacity={1}>\n          <Icon size={20} icon={Search} type={IconType.iconType.image} onClick={handleClickSearchIcon} />\n        </TouchableOpacity>\n      )\n    );\n  }, [search]);\n\n  return (\n    <View style={[styles.searchContainer, transparent && styles.searchTransparenting]}>\n      {leftBack && (\n        <TouchableOpacity onPress={handleClickLeftBack} style={styles.searchBackLeft} activeOpacity={1}>\n          <Icon icon={ArrowLeft} size={24} type={IconType.iconType.image} onClick={handleClickLeftBack} />\n        </TouchableOpacity>\n      )}\n      <View style={[styles.navBarContentCenter, transparent && styles.navbarContentCenterTransparenting]}>\n        {searchView}\n        <TextInput\n          ref={inputRef}\n          style={[\n            styles.searchContentInput,\n            inputAlign === \"right\" && styles.searchContentInputRight,\n            props.style,\n            { flex: 1, marginRight: 8 },\n          ]}\n          value={value}\n          onChangeText={handleInput}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          returnKeyType=\"search\"\n          onSubmitEditing={handleSearch}\n          placeholder={placeholder}\n          placeholderTextColor={styles.placeholderColor.color}\n          editable={!disabled && !readonly}\n          autoFocus={autofocus}\n          selectionColor={styles.searchContentInputSelection.color}\n        />\n        {clearable && value.length > 0 && (\n          <TouchableOpacity onPress={handleClear} onPressIn={(e) => e.preventDefault()} activeOpacity={1}>\n            <Image\n              style={styles.icon}\n              source={{\n                uri: \"https://picasso-static.xiaohongshu.com/fe-platform/3d62a0bc90b6aca0993870867b3e33492eb339c1.png\",\n              }}\n              width={20}\n              height={20}\n            />\n          </TouchableOpacity>\n        )}\n        {camera && (\n          <TouchableOpacity onPress={handleClickCamera} activeOpacity={1}>\n            <Image\n              style={styles.icon}\n              source={{\n                uri: \"https://picasso-static.xiaohongshu.com/fe-platform/a823496a6a27f9df8d5542e96fbff173dd5db61b.png\",\n              }}\n              width={20}\n              height={20}\n            />\n          </TouchableOpacity>\n        )}\n      </View>\n      {focused || force ? (\n        <TouchableOpacity\n          onPress={buttonText ? () => onButtonTextClick?.(value) : () => handleClickButton?.(value)}\n          activeOpacity={1}\n        >\n          <Animated.View\n            ref={buttonTextRef}\n            style={[\n              styles.searchButtonRight,\n              {\n                transform: [\n                  {\n                    translateX: buttonTextAnimation.interpolate({\n                      inputRange: [0, buttonTextWidth],\n                      outputRange: [buttonTextWidth, 0],\n                    }),\n                  },\n                ],\n              },\n            ]}\n          >\n            <Text style={styles.searchButtonRightText} onLayout={onTextLayoutHandle}>\n              {buttonText || searchKey}\n            </Text>\n          </Animated.View>\n        </TouchableOpacity>\n      ) : (\n        <></>\n      )}\n    </View>\n  );\n});\n\nRedsSearchComponent.defaultProps = SearchDefaultProps;\n\nexport default RedsSearchComponent;\n"],"names":["RedsSearchComponent","forwardRef","props","ref","useMounted","searchKey","useLanguage","modelValue","type","maxLength","placeholder","disabled","readonly","clearable","formatter","formatterTrigger","inputAlign","autocomplete","autofocus","showWordLimit","leftBack","camera","search","transparent","buttonText","onInput","onChange","onFocus","onBlur","onClear","onCameraIconClick","onSearchIconClick","onLeftBackIconClick","onButtonClick","onCancelClick","onSearchClick","onButtonTextClick","force","styles","createStyles","colorMode","useColorMode","_useState","useState","_useState2","_slicedToArray","focused","setFocused","_useState3","_useState4","value","setValue","inputRef","useRef","_useState5","_useState6","buttonTextWidth","setButtonTextWidth","_useState7","_useState8","buttonTextLayout","setButtonTextLayout","buttonTextAnimation","Animated","Value","current","buttonTextRef","limitValueLength","useCallback","valueLength","runes","length","substr","formatValue","trigger","arguments","undefined","res","isNumber","formatNumber","handleInput","text","valueFormatted","handleClear","_inputRef$current","focus","handleFocus","event","handleBlur","handleClickCamera","handleClickLeftBack","handleClickButton","handleClickSearchIcon","handleChange","e","onTextLayoutHandle","_buttonTextRef$curren","measure","x","y","width","height","pageX","pageY","useEffect","timing","toValue","duration","useNativeDriver","start","useImperativeHandle","_inputRef$current2","blur","_inputRef$current3","clear","_inputRef$current4","isFocused","_inputRef$current5","ArrowLeft","useMemo","Search","handleSearch","_props$onSearch","query","nativeEvent","onSearch","call","searchView","React","createElement","TouchableOpacity","onPress","activeOpacity","Icon","size","icon","IconType","image","onClick","View","style","searchContainer","searchTransparenting","searchBackLeft","navBarContentCenter","navbarContentCenterTransparenting","TextInput","searchContentInput","searchContentInputRight","flex","marginRight","onChangeText","returnKeyType","onSubmitEditing","placeholderTextColor","placeholderColor","color","editable","autoFocus","selectionColor","searchContentInputSelection","onPressIn","preventDefault","Image","source","uri","searchButtonRight","transform","translateX","interpolate","inputRange","outputRange","Text","searchButtonRightText","onLayout","defaultProps","SearchDefaultProps"],"mappings":"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"}
+{"version":3,"file":"Search.js","sources":["../../../../src/components/Search/Search.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useEffect, useMemo, forwardRef, useImperativeHandle } from \"react\";\nimport {\n  View,\n  TextInput,\n  Image,\n  Animated,\n  Text,\n  NativeSyntheticEvent,\n  TextInputChangeEventData,\n  TouchableOpacity,\n} from \"react-native\";\n// 引入字体处理库\nimport runes from \"runes\";\nimport { Icon, IconType } from \"../Icon\"; // 你需要实现Icon组件的RN版本\nimport { RedsSearch, SearchDefaultProps, TextFieldFormatTriggerType } from \"./interface\";\nimport createStyles from \"./styles\";\nimport { formatNumber } from \"./utils\";\nimport { useColorMode } from \"../ConfigProvider\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { useLanguage } from \"../LanguageProvider\";\n\nconst RedsSearchComponent = forwardRef((props: RedsSearch, ref) => {\n  useMounted(\"Search\");\n  const searchKey = useLanguage(\"componentKey\", \"searchKey\");\n  const {\n    modelValue,\n    type,\n    maxLength,\n    placeholder,\n    disabled,\n    readonly,\n    clearable,\n    formatter,\n    formatterTrigger,\n    inputAlign,\n    autocomplete,\n    autofocus,\n    showWordLimit,\n    leftBack,\n    camera,\n    search,\n    transparent,\n    buttonText,\n    onInput,\n    onChange,\n    onFocus,\n    onBlur,\n    onClear,\n    onCameraIconClick,\n    onSearchIconClick,\n    onLeftBackIconClick,\n    onButtonClick,\n    onCancelClick,\n    onSearchClick,\n    onButtonTextClick,\n    force,\n  } = props;\n\n  const styles = createStyles();\n\n  const colorMode = useColorMode();\n\n  const [focused, setFocused] = useState<boolean>(false);\n  const [value, setValue] = useState<string>(modelValue || \"\");\n  const inputRef = useRef<TextInput>(null);\n  const [buttonTextWidth, setButtonTextWidth] = useState(0);\n  const [buttonTextLayout, setButtonTextLayout] = useState(false);\n\n  const buttonTextAnimation = useRef(new Animated.Value(0)).current;\n\n  const buttonTextRef = useRef<View>(null);\n\n  // 格式化value\n  const limitValueLength = useCallback(\n    (value: string) => {\n      const valueLength = runes(value || \"\").length;\n      if (typeof maxLength === \"number\" && valueLength > maxLength) {\n        return runes.substr(value, 0, +maxLength);\n      }\n      return value;\n    },\n    [maxLength],\n  );\n  const formatValue = useCallback(\n    (value: string, trigger: TextFieldFormatTriggerType = \"onChange\") => {\n      let res = limitValueLength(value);\n\n      if (type === \"number\" || type === \"digit\") {\n        const isNumber = type === \"number\";\n        res = formatNumber(res, isNumber, isNumber);\n      }\n      if (formatter && formatterTrigger === trigger) {\n        res = formatter(res);\n      }\n\n      return res;\n    },\n    [type, formatter, formatterTrigger],\n  );\n\n  const handleInput = useCallback(\n    (text: string) => {\n      if (!readonly) {\n        const valueFormatted = formatValue(text);\n        setValue(valueFormatted);\n        onInput && onInput(valueFormatted);\n      }\n    },\n    [readonly, onInput],\n  );\n\n  const handleClear = useCallback(() => {\n    setValue(\"\");\n    onClear && onClear();\n    inputRef.current?.focus();\n  }, [onClear]);\n\n  const handleFocus = useCallback(\n    (event: any) => {\n      setFocused(true);\n      onFocus && onFocus(event);\n    },\n    [onFocus],\n  );\n\n  const handleBlur = useCallback(\n    (event: any) => {\n      if (readonly) return;\n      setFocused(false);\n      onBlur && onBlur(event);\n    },\n    [onBlur],\n  );\n\n  const handleClickCamera = useCallback(() => {\n    onCameraIconClick && onCameraIconClick();\n  }, [onCameraIconClick]);\n\n  const handleClickLeftBack = useCallback(() => {\n    onLeftBackIconClick && onLeftBackIconClick();\n  }, [onLeftBackIconClick]);\n\n  const handleClickButton = useCallback(\n    (value: string) => {\n      // if (placeholder && value.length === 0) {\n      //   setValue(placeholder);\n      // }\n      onSearchClick && onSearchClick(value);\n      onButtonClick && onButtonClick(value);\n    },\n    [value, onSearchClick, onButtonClick],\n  );\n\n  const handleClickSearchIcon = useCallback(() => {\n    onSearchIconClick && onSearchIconClick();\n  }, [onSearchIconClick]);\n\n  const handleChange = (e: NativeSyntheticEvent<TextInputChangeEventData>) => {\n    onChange && onChange(e);\n  };\n\n  const onTextLayoutHandle = useCallback(() => {\n    if (!buttonTextLayout) {\n      buttonTextRef.current?.measure((x, y, width, height, pageX, pageY) => {\n        setButtonTextWidth(width);\n        setButtonTextLayout(true);\n      });\n    }\n  }, [buttonTextLayout]);\n\n  useEffect(() => {\n    Animated.timing(buttonTextAnimation, {\n      toValue: focused || force ? buttonTextWidth : 0,\n      duration: 200,\n      useNativeDriver: false,\n    }).start();\n  }, [focused, force, buttonTextWidth]);\n\n  useEffect(() => {\n    setValue(modelValue || \"\");\n  }, [modelValue]);\n\n  useImperativeHandle(ref, () => {\n    return {\n      focus: () => inputRef.current?.focus(),\n      blur: () => inputRef.current?.blur(),\n      clear: () => inputRef.current?.clear(),\n      isFocused: () => inputRef.current?.isFocused(),\n    };\n  });\n\n  const ArrowLeft = useMemo(() => {\n    if (colorMode === \"light\") {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/fb5b21a7cce47ddb6a0e298c1f362f1486824615.png\";\n    } else {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/c4c4ea8f2a3c991e0d17d327466e7a31389e2ba2.png\";\n    }\n  }, [colorMode]);\n\n  const Search = useMemo(() => {\n    if (colorMode === \"light\") {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/750551add538cd194a9a50856796e16a0135abdb.png\";\n    } else {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/abddcd2ee1d03d396b5ca5511a81e4cda863d362.png\";\n    }\n  }, [colorMode]);\n  const handleSearch = (event: any) => {\n    const query = event.nativeEvent.text;\n    props?.onSearch?.(query);\n  };\n\n  const searchView = useMemo(() => {\n    return (\n      search && (\n        <TouchableOpacity onPress={handleClickSearchIcon} activeOpacity={1}>\n          <Icon size={20} icon={Search} type={IconType.iconType.image} onClick={handleClickSearchIcon} />\n        </TouchableOpacity>\n      )\n    );\n  }, [search]);\n\n  return (\n    <View style={[styles.searchContainer, transparent && styles.searchTransparenting]}>\n      {leftBack && (\n        <TouchableOpacity onPress={handleClickLeftBack} style={styles.searchBackLeft} activeOpacity={1}>\n          <Icon icon={ArrowLeft} size={24} type={IconType.iconType.image} onClick={handleClickLeftBack} />\n        </TouchableOpacity>\n      )}\n      <View style={[styles.navBarContentCenter, transparent && styles.navbarContentCenterTransparenting]}>\n        {searchView}\n        <TextInput\n          ref={inputRef}\n          style={[\n            styles.searchContentInput,\n            inputAlign === \"right\" && styles.searchContentInputRight,\n            props.style,\n            { flex: 1, marginRight: 8 },\n          ]}\n          value={value}\n          onChangeText={handleInput}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          returnKeyType=\"search\"\n          onSubmitEditing={handleSearch}\n          placeholder={placeholder}\n          placeholderTextColor={styles.placeholderColor.color}\n          editable={!disabled && !readonly}\n          autoFocus={autofocus}\n          selectionColor={styles.searchContentInputSelection.color}\n        />\n        {clearable && value.length > 0 && (\n          <TouchableOpacity onPress={handleClear} onPressIn={(e) => e.preventDefault()} activeOpacity={1}>\n            <Image\n              style={styles.clearable}\n              source={{\n                uri: \"https://picasso-static.xiaohongshu.com/fe-platform/3d62a0bc90b6aca0993870867b3e33492eb339c1.png\",\n              }}\n              width={20}\n              height={20}\n            />\n          </TouchableOpacity>\n        )}\n        {camera && (\n          <TouchableOpacity onPress={handleClickCamera} activeOpacity={1}>\n            <Image\n              style={styles.icon}\n              source={{\n                uri: \"https://picasso-static.xiaohongshu.com/fe-platform/a823496a6a27f9df8d5542e96fbff173dd5db61b.png\",\n              }}\n              width={20}\n              height={20}\n            />\n          </TouchableOpacity>\n        )}\n      </View>\n      {focused || force ? (\n        <TouchableOpacity\n          onPress={buttonText ? () => onButtonTextClick?.(value) : () => handleClickButton?.(value)}\n          activeOpacity={1}\n        >\n          <Animated.View\n            ref={buttonTextRef}\n            style={[\n              styles.searchButtonRight,\n              {\n                transform: [\n                  {\n                    translateX: buttonTextAnimation.interpolate({\n                      inputRange: [0, buttonTextWidth],\n                      outputRange: [buttonTextWidth, 0],\n                    }),\n                  },\n                ],\n              },\n            ]}\n          >\n            <Text style={styles.searchButtonRightText} onLayout={onTextLayoutHandle}>\n              {buttonText || searchKey}\n            </Text>\n          </Animated.View>\n        </TouchableOpacity>\n      ) : (\n        <></>\n      )}\n      {props.suffix}\n    </View>\n  );\n});\n\nRedsSearchComponent.defaultProps = SearchDefaultProps;\n\nexport default RedsSearchComponent;\n"],"names":["RedsSearchComponent","forwardRef","props","ref","useMounted","searchKey","useLanguage","modelValue","type","maxLength","placeholder","disabled","readonly","clearable","formatter","formatterTrigger","inputAlign","autocomplete","autofocus","showWordLimit","leftBack","camera","search","transparent","buttonText","onInput","onChange","onFocus","onBlur","onClear","onCameraIconClick","onSearchIconClick","onLeftBackIconClick","onButtonClick","onCancelClick","onSearchClick","onButtonTextClick","force","styles","createStyles","colorMode","useColorMode","_useState","useState","_useState2","_slicedToArray","focused","setFocused","_useState3","_useState4","value","setValue","inputRef","useRef","_useState5","_useState6","buttonTextWidth","setButtonTextWidth","_useState7","_useState8","buttonTextLayout","setButtonTextLayout","buttonTextAnimation","Animated","Value","current","buttonTextRef","limitValueLength","useCallback","valueLength","runes","length","substr","formatValue","trigger","arguments","undefined","res","isNumber","formatNumber","handleInput","text","valueFormatted","handleClear","_inputRef$current","focus","handleFocus","event","handleBlur","handleClickCamera","handleClickLeftBack","handleClickButton","handleClickSearchIcon","handleChange","e","onTextLayoutHandle","_buttonTextRef$curren","measure","x","y","width","height","pageX","pageY","useEffect","timing","toValue","duration","useNativeDriver","start","useImperativeHandle","_inputRef$current2","blur","_inputRef$current3","clear","_inputRef$current4","isFocused","_inputRef$current5","ArrowLeft","useMemo","Search","handleSearch","_props$onSearch","query","nativeEvent","onSearch","call","searchView","React","createElement","TouchableOpacity","onPress","activeOpacity","Icon","size","icon","IconType","image","onClick","View","style","searchContainer","searchTransparenting","searchBackLeft","navBarContentCenter","navbarContentCenterTransparenting","TextInput","searchContentInput","searchContentInputRight","flex","marginRight","onChangeText","returnKeyType","onSubmitEditing","placeholderTextColor","placeholderColor","color","editable","autoFocus","selectionColor","searchContentInputSelection","onPressIn","preventDefault","Image","source","uri","searchButtonRight","transform","translateX","interpolate","inputRange","outputRange","Text","searchButtonRightText","onLayout","Fragment","suffix","defaultProps","SearchDefaultProps"],"mappings":"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"}

package/lib/esm/components/Search/styles.js

@@ -42,7 +42,7 @@ var createStyles = function createStyles() {
       height: 32
     },
     searchButtonRightText: {
-      color: themeColor.Description,
+      color: themeColor.Title,
       fontSize: typography.B1FontSize,
       lineHeight: typography.B1LineHeight,
       fontWeight: typography.B1FontWeight
@@ -96,6 +96,11 @@ var createStyles = function createStyles() {
     icon: {
       width: 20,
       height: 20
+    },
+    clearable: {
+      width: 20,
+      height: 20,
+      marginRight: 5
     }
   });
   return styles;

package/lib/esm/components/Search/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Search/styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\nimport { useThemeColor, useThemeTypography } from \"../ConfigProvider\";\n\nconst createStyles = () => {\n  const themeColor = useThemeColor(\"Search\");\n  const typography = useThemeTypography(\"Search\");\n  const styles = StyleSheet.create({\n    searchContainer: {\n      width: \"100%\",\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      backgroundColor: themeColor.Bg, // replace with theme color if needed\n    },\n    searchTransparenting: {\n      backgroundColor: \"transparent\",\n    },\n    searchBackLeft: {\n      marginRight: 8,\n    },\n    searchContentInputRight: {\n      textAlign: \"right\",\n    },\n    searchContentClearRight: {\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    searchContentIconGap: {\n      marginLeft: 10,\n    },\n    searchButtonRight: {\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      marginLeft: 12,\n      height: 32,\n    },\n    searchButtonRightText: {\n      color: themeColor.Description,\n      fontSize: typography.B1FontSize,\n      lineHeight: typography.B1LineHeight,\n      fontWeight: typography.B1FontWeight,\n    },\n    searchIconsRight: {\n      flexDirection: \"row\",\n    },\n    searchIconRight: {\n      marginLeft: 12,\n    },\n    navBarContentCenter: {\n      backgroundColor: themeColor.Fill1,\n      flex: 1,\n      borderRadius: 200,\n      paddingVertical: 0,\n      paddingRight: 12,\n      paddingLeft: 8,\n      height: 32,\n      flexDirection: \"row\",\n      alignItems: \"center\",\n    },\n    searchContentInput: {\n      flex: 1,\n      height: 20,\n      marginVertical: 0,\n      marginHorizontal: 4,\n      backgroundColor: \"transparent\",\n      borderWidth: 0,\n      color: themeColor.Title,\n      fontSize: typography.B2FontSize,\n      fontWeight: typography.B2FontWeight,\n      verticalAlign: \"middle\",\n      padding: 0,\n    },\n    searchContentInputSelection: {\n      color: themeColor.Primary,\n    },\n    placeholderColor: {\n      color: themeColor.Placeholder, // replace with theme color if needed\n    },\n    navbarContentCenterTransparenting: {\n      backgroundColor: themeColor.Bg,\n    },\n    searchIcon: {\n      color: themeColor.Placeholder,\n    },\n    icons: {\n      color: themeColor.Title,\n    },\n    icon: {\n      width: 20,\n      height: 20,\n    },\n  });\n\n  return styles;\n};\n\nexport default createStyles;\n"],"names":["createStyles","themeColor","useThemeColor","typography","useThemeTypography","styles","StyleSheet","create","searchContainer","width","flexDirection","alignItems","backgroundColor","Bg","searchTransparenting","searchBackLeft","marginRight","searchContentInputRight","textAlign","searchContentClearRight","display","justifyContent","searchContentIconGap","marginLeft","searchButtonRight","height","searchButtonRightText","color","Description","fontSize","B1FontSize","lineHeight","B1LineHeight","fontWeight","B1FontWeight","searchIconsRight","searchIconRight","navBarContentCenter","Fill1","flex","borderRadius","paddingVertical","paddingRight","paddingLeft","searchContentInput","marginVertical","marginHorizontal","borderWidth","Title","B2FontSize","B2FontWeight","verticalAlign","padding","searchContentInputSelection","Primary","placeholderColor","Placeholder","navbarContentCenterTransparenting","searchIcon","icons","icon"],"mappings":"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"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/Search/styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\nimport { useThemeColor, useThemeTypography } from \"../ConfigProvider\";\n\nconst createStyles = () => {\n  const themeColor = useThemeColor(\"Search\");\n  const typography = useThemeTypography(\"Search\");\n  const styles = StyleSheet.create({\n    searchContainer: {\n      width: \"100%\",\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      backgroundColor: themeColor.Bg, // replace with theme color if needed\n    },\n    searchTransparenting: {\n      backgroundColor: \"transparent\",\n    },\n    searchBackLeft: {\n      marginRight: 8,\n    },\n    searchContentInputRight: {\n      textAlign: \"right\",\n    },\n    searchContentClearRight: {\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    searchContentIconGap: {\n      marginLeft: 10,\n    },\n    searchButtonRight: {\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      marginLeft: 12,\n      height: 32,\n    },\n    searchButtonRightText: {\n      color: themeColor.Title,\n      fontSize: typography.B1FontSize,\n      lineHeight: typography.B1LineHeight,\n      fontWeight: typography.B1FontWeight,\n    },\n    searchIconsRight: {\n      flexDirection: \"row\",\n    },\n    searchIconRight: {\n      marginLeft: 12,\n    },\n    navBarContentCenter: {\n      backgroundColor: themeColor.Fill1,\n      flex: 1,\n      borderRadius: 200,\n      paddingVertical: 0,\n      paddingRight: 12,\n      paddingLeft: 8,\n      height: 32,\n      flexDirection: \"row\",\n      alignItems: \"center\",\n    },\n    searchContentInput: {\n      flex: 1,\n      height: 20,\n      marginVertical: 0,\n      marginHorizontal: 4,\n      backgroundColor: \"transparent\",\n      borderWidth: 0,\n      color: themeColor.Title,\n      fontSize: typography.B2FontSize,\n      fontWeight: typography.B2FontWeight,\n      verticalAlign: \"middle\",\n      padding: 0,\n    },\n    searchContentInputSelection: {\n      color: themeColor.Primary,\n    },\n    placeholderColor: {\n      color: themeColor.Placeholder, // replace with theme color if needed\n    },\n    navbarContentCenterTransparenting: {\n      backgroundColor: themeColor.Bg,\n    },\n    searchIcon: {\n      color: themeColor.Placeholder,\n    },\n    icons: {\n      color: themeColor.Title,\n    },\n    icon: {\n      width: 20,\n      height: 20,\n    },\n    clearable: {\n      width: 20,\n      height: 20,\n      marginRight: 5,\n    },\n  });\n\n  return styles;\n};\n\nexport default createStyles;\n"],"names":["createStyles","themeColor","useThemeColor","typography","useThemeTypography","styles","StyleSheet","create","searchContainer","width","flexDirection","alignItems","backgroundColor","Bg","searchTransparenting","searchBackLeft","marginRight","searchContentInputRight","textAlign","searchContentClearRight","display","justifyContent","searchContentIconGap","marginLeft","searchButtonRight","height","searchButtonRightText","color","Title","fontSize","B1FontSize","lineHeight","B1LineHeight","fontWeight","B1FontWeight","searchIconsRight","searchIconRight","navBarContentCenter","Fill1","flex","borderRadius","paddingVertical","paddingRight","paddingLeft","searchContentInput","marginVertical","marginHorizontal","borderWidth","B2FontSize","B2FontWeight","verticalAlign","padding","searchContentInputSelection","Primary","placeholderColor","Placeholder","navbarContentCenterTransparenting","searchIcon","icons","icon","clearable"],"mappings":"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"}

package/lib/esm/components/SegmentedControl/SegmentedControl.js

@@ -4,15 +4,18 @@ import { View, TouchableWithoutFeedback, Text } from 'react-native';
 import { S as SegmentedControlDefaultProps } from '../../_chunks/EFNq8w3r.js';
 import createStyles from './styles.js';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
-import '@xhs/reds-apm/src/index.native';
+import useMounted from '../../pvCount/useUnmountedProcess.js';
 import { useThemeColor, useThemeTypography } from '../ConfigProvider/hooks/themeToken/useThemeToken.js';
 import '@xhsreds/reds-token-next';
+import '@xhs/reds-apm/src/index.native';
+import '../../pvCount/pvData.js';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 
 var SegmentedControl = function SegmentedControl(_ref) {
   var value = _ref.value,
     options = _ref.options,
     onChange = _ref.onChange;
+  useMounted("SegmentedControl");
   var themeColor = useThemeColor();
   var themeTypography = useThemeTypography();
   var styles = createStyles(themeColor, themeTypography);

package/lib/esm/components/SegmentedControl/SegmentedControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.js","sources":["../../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback } from \"react\";\nimport { View, Text, TouchableWithoutFeedback } from \"react-native\";\nimport { RedsSegmentedControl, SegmentedControlDefaultProps } from \"./interface/index\";\nimport createStyles from \"./styles\";\nimport { useThemeColor, useThemeTypography } from \"../ConfigProvider\";\n\nconst SegmentedControl = ({ value, options, onChange }: RedsSegmentedControl) => {\n  const themeColor = useThemeColor();\n\n  const themeTypography = useThemeTypography();\n  const styles = createStyles(themeColor, themeTypography);\n\n  const [_value, setValue] = useState<any>();\n\n  useEffect(() => {\n    value && setValue(value);\n  }, [value]);\n  return options?.length ? (\n    <View style={styles.container}>\n      {options?.map((option) => {\n        return (\n          <TouchableWithoutFeedback\n            onPress={() => {\n              onChange?.(option);\n              setValue(option);\n            }}\n          >\n            <View style={[_value === option ? styles.activeWrapper : styles.normalWrapper]}>\n              <Text style={[_value === option ? styles.active : styles.normal]}>{option}</Text>\n            </View>\n          </TouchableWithoutFeedback>\n        );\n      })}\n    </View>\n  ) : (\n    <></>\n  );\n};\n\nSegmentedControl.defaultProps = SegmentedControlDefaultProps;\n\nexport default SegmentedControl;\n"],"names":["SegmentedControl","value","_ref","options","onChange","themeColor","useThemeColor","themeTypography","useThemeTypography","styles","createStyles","_useState","useState","_useState2","_slicedToArray","_value","setValue","useEffect","length","React","createElement","View","style","container","map","option","TouchableWithoutFeedback","onPress","activeWrapper","normalWrapper","Text","active","normal","Fragment","defaultProps","SegmentedControlDefaultProps"],"mappings":";;;;;;;;;;;AAMA,IAAMA,mBAAmB,SAAnBA,uBAA2E;AAAA,EAAA,IAArDC,KAAO,GAAAC,IAAA,CAAPD,KAAO;IAAAE,OAAA,GAAAD,IAAA,CAAAC,OAAA;IAASC,gBAAAA;AAC1C,EAAA,IAAMC,aAAaC,aAAc,EAAA,CAAA;AAEjC,EAAA,IAAMC,kBAAkBC,kBAAmB,EAAA,CAAA;AACrC,EAAA,IAAAC,MAAA,GAASC,YAAa,CAAAL,UAAA,EAAYE,eAAe,CAAA,CAAA;AAEvD,EAAA,IAAAI,SAAA,GAA2BC,QAAc,EAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAlCI,IAAAA,MAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAQG,IAAAA,QAAQ,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAEvBI,EAAAA,SAAA,CAAU,YAAM;AACdhB,IAAAA,KAAA,IAASe,SAASf,KAAK,CAAA,CAAA;AACzB,GAAA,EAAG,CAACA,KAAK,CAAC,CAAA,CAAA;AACH,EAAA,OAAAE,OAAA,KAAA,IAAA,IAAAA,OAAA,KAAA,KAAA,CAAA,IAAAA,OAAA,CAASe,MACd,kBAAAC,KAAA,CAAAC,aAAA,CAACC,IAAK,EAAA;IAAAC,KAAA,EAAOb,OAAOc,SAAAA;GACjB,EAAApB,OAAA,KAAA,IAAA,IAAAA,OAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAA,CAASqB,GAAI,CAAA,UAACC,MAAW,EAAA;AAEtB,IAAA,sBAAAN,KAAA,CAAAC,aAAA,CAACM,wBAAA,EAAA;AACCC,MAAAA,SAAS,SAATA,UAAe;AACbvB,QAAAA,QAAA,aAAAA,QAAA,KAAA,KAAA,CAAA,IAAAA,QAAA,CAAWqB,MAAM,CAAA,CAAA;QACjBT,QAAA,CAASS,MAAM,CAAA,CAAA;AACjB,OAAA;AAAA,KAAA,iBAEAN,KAAA,CAAAC,aAAA,CAACC;AAAKC,MAAAA,KAAO,EAAA,CAACP,WAAWU,MAAS,GAAAhB,MAAA,CAAOmB,aAAgB,GAAAnB,MAAA,CAAOoB,aAAa,CAAA;AAAA,KAAA,qCAC1EC,IAAK,EAAA;AAAAR,MAAAA,KAAA,EAAO,CAACP,MAAA,KAAWU,MAAS,GAAAhB,MAAA,CAAOsB,SAAStB,MAAO,CAAAuB,MAAM,CAAA;AAAI,KAAA,EAAAP,MAAO,CAC5E,CACF,CAAA,CAAA;AAEJ,GAAC,CACH,CAAA,kBAEEN,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAc,QAAA,EAAA,IAAA,CAAA,CAAA;AAEN,EAAA;AAEAjC,gBAAA,CAAiBkC,YAAe,GAAAC,4BAAA;;;;"}
+{"version":3,"file":"SegmentedControl.js","sources":["../../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback } from \"react\";\nimport { View, Text, TouchableWithoutFeedback } from \"react-native\";\nimport { RedsSegmentedControl, SegmentedControlDefaultProps } from \"./interface/index\";\nimport createStyles from \"./styles\";\nimport { useThemeColor, useThemeTypography } from \"../ConfigProvider\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nconst SegmentedControl = ({ value, options, onChange }: RedsSegmentedControl) => {\n  useMounted(\"SegmentedControl\");\n  const themeColor = useThemeColor();\n\n  const themeTypography = useThemeTypography();\n  const styles = createStyles(themeColor, themeTypography);\n\n  const [_value, setValue] = useState<any>();\n\n  useEffect(() => {\n    value && setValue(value);\n  }, [value]);\n  return options?.length ? (\n    <View style={styles.container}>\n      {options?.map((option) => {\n        return (\n          <TouchableWithoutFeedback\n            onPress={() => {\n              onChange?.(option);\n              setValue(option);\n            }}\n          >\n            <View style={[_value === option ? styles.activeWrapper : styles.normalWrapper]}>\n              <Text style={[_value === option ? styles.active : styles.normal]}>{option}</Text>\n            </View>\n          </TouchableWithoutFeedback>\n        );\n      })}\n    </View>\n  ) : (\n    <></>\n  );\n};\n\nSegmentedControl.defaultProps = SegmentedControlDefaultProps;\n\nexport default SegmentedControl;\n"],"names":["SegmentedControl","value","_ref","options","onChange","useMounted","themeColor","useThemeColor","themeTypography","useThemeTypography","styles","createStyles","_useState","useState","_useState2","_slicedToArray","_value","setValue","useEffect","length","React","createElement","View","style","container","map","option","TouchableWithoutFeedback","onPress","activeWrapper","normalWrapper","Text","active","normal","Fragment","defaultProps","SegmentedControlDefaultProps"],"mappings":";;;;;;;;;;;;;AAMA,IAAMA,mBAAmB,SAAnBA,uBAA2E;AAAA,EAAA,IAArDC,KAAO,GAAAC,IAAA,CAAPD,KAAO;IAAAE,OAAA,GAAAD,IAAA,CAAAC,OAAA;IAASC,gBAAAA;EAC1CC,UAAA,CAAW,kBAAkB,CAAA,CAAA;AAC7B,EAAA,IAAMC,aAAaC,aAAc,EAAA,CAAA;AAEjC,EAAA,IAAMC,kBAAkBC,kBAAmB,EAAA,CAAA;AACrC,EAAA,IAAAC,MAAA,GAASC,YAAa,CAAAL,UAAA,EAAYE,eAAe,CAAA,CAAA;AAEvD,EAAA,IAAAI,SAAA,GAA2BC,QAAc,EAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAlCI,IAAAA,MAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAQG,IAAAA,QAAQ,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAEvBI,EAAAA,SAAA,CAAU,YAAM;AACdjB,IAAAA,KAAA,IAASgB,SAAShB,KAAK,CAAA,CAAA;AACzB,GAAA,EAAG,CAACA,KAAK,CAAC,CAAA,CAAA;AACH,EAAA,OAAAE,OAAA,KAAA,IAAA,IAAAA,OAAA,KAAA,KAAA,CAAA,IAAAA,OAAA,CAASgB,MACd,kBAAAC,KAAA,CAAAC,aAAA,CAACC,IAAK,EAAA;IAAAC,KAAA,EAAOb,OAAOc,SAAAA;GACjB,EAAArB,OAAA,KAAA,IAAA,IAAAA,OAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAA,CAASsB,GAAI,CAAA,UAACC,MAAW,EAAA;AAEtB,IAAA,sBAAAN,KAAA,CAAAC,aAAA,CAACM,wBAAA,EAAA;AACCC,MAAAA,SAAS,SAATA,UAAe;AACbxB,QAAAA,QAAA,aAAAA,QAAA,KAAA,KAAA,CAAA,IAAAA,QAAA,CAAWsB,MAAM,CAAA,CAAA;QACjBT,QAAA,CAASS,MAAM,CAAA,CAAA;AACjB,OAAA;AAAA,KAAA,iBAEAN,KAAA,CAAAC,aAAA,CAACC;AAAKC,MAAAA,KAAO,EAAA,CAACP,WAAWU,MAAS,GAAAhB,MAAA,CAAOmB,aAAgB,GAAAnB,MAAA,CAAOoB,aAAa,CAAA;AAAA,KAAA,qCAC1EC,IAAK,EAAA;AAAAR,MAAAA,KAAA,EAAO,CAACP,MAAA,KAAWU,MAAS,GAAAhB,MAAA,CAAOsB,SAAStB,MAAO,CAAAuB,MAAM,CAAA;AAAI,KAAA,EAAAP,MAAO,CAC5E,CACF,CAAA,CAAA;AAEJ,GAAC,CACH,CAAA,kBAEEN,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAc,QAAA,EAAA,IAAA,CAAA,CAAA;AAEN,EAAA;AAEAlC,gBAAA,CAAiBmC,YAAe,GAAAC,4BAAA;;;;"}

package/lib/esm/components/SegmentedControl/index.js

@@ -6,7 +6,9 @@ import 'react-native';
 import './styles.js';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
 import '@xhsreds/reds-token-next';
+import '../../pvCount/useUnmountedProcess.js';
 import '@xhs/reds-apm/src/index.native';
+import '../../pvCount/pvData.js';
 import '../ConfigProvider/hooks/themeToken/useThemeToken.js';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 

package/lib/esm/components/SegmentedControl/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/components/Sheets/AnimatedSheets.js

@@ -1,8 +1,8 @@
 import { _ as _slicedToArray, a as _objectSpread2 } from '../../_chunks/CAkwE9ZD.js';
 import React, { forwardRef, useState, useRef, useMemo, useEffect, useCallback, useImperativeHandle } from 'react';
 import { alwaysColor } from '@xhsreds/reds-token-next';
-import { Dimensions, Animated, Platform, StatusBar, Easing, PanResponder, TouchableWithoutFeedback, View, Text } from 'react-native';
-import { a as SheetsDefaultProps, b as SheetsType, S as SheetsSize, c as SheetsMaskMode, d as SheetsActionType, e as SheetsIconType } from '../../_chunks/C0KQCGVI.js';
+import { Dimensions, Animated, Platform, Easing, PanResponder, TouchableWithoutFeedback, View, TouchableOpacity, Text } from 'react-native';
+import { a as SheetsDefaultProps, b as SheetsType, S as SheetsSize, c as SheetsMaskMode, d as SheetsActionType, e as SheetsIconType } from '../../_chunks/C4jyXYEi.js';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
 import useMounted from '../../pvCount/useUnmountedProcess.js';
 import { useThemeColor } from '../ConfigProvider/hooks/themeToken/useThemeToken.js';
@@ -15,6 +15,7 @@ import '../LanguageProvider/LanguageProvider.js';
 import { useLanguage } from '../LanguageProvider/hooks/useLanguage.js';
 import '../StatusBar/StatusBar.js';
 import { getSafeAreaInsets } from '../StatusBar/hook/getStatusHeight.js';
+import { CancelM } from '@xhs/reder-icon-svg-ReDs_icon';
 import '@xhs/reds-apm/src/index.native';
 import '../../pvCount/pvData.js';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
@@ -36,6 +37,7 @@ import '../ProgressIndicator/lottie/progress_loading_primary.js';
 import '../ProgressIndicator/lottie/loading.js';
 import '../ProgressIndicator/lottie/loading_dark.js';
 import '../ProgressIndicator/lottie/loading_primary.js';
+import '../ProgressIndicator/styles.js';
 import '@xhs/lottie-react-native';
 import '../../_chunks/xB1yvFw8.js';
 import '../LanguageProvider/hooks/LanguageContext.js';
@@ -150,15 +152,14 @@ var AnimatedSheets = /*#__PURE__*/forwardRef(function (props, ref) {
     }).start();
   };
   useEffect(function () {
+    var _props$sheetsStyle;
     if (isDragging || !childHeight) return;
     var factHeight = actionHeight + labelHeight + childHeight;
     var fullScreenHeight = screenHeight || Dimensions.get("screen").height;
     var halfScreenHeight = Math.floor(fullScreenHeight / 2);
     var threeQuaterScreenHeight = Math.floor(fullScreenHeight * 0.75);
-    var windowHeight = Dimensions.get("screen").height;
     var isIos = Platform.OS === "ios";
-    var androidSafeBottom = fullScreenHeight - windowHeight - (StatusBar.currentHeight || 0);
-    var SAFE_BOTTOM = Platform.OS === "ios" ? getSafeAreaInsets().bottom : androidSafeBottom;
+    var SAFE_BOTTOM = getSafeAreaInsets().bottom;
     var calculateHeight = 0;
     if (props.animatedSheetsSize === "fixed") {
       calculateHeight = props.autoSize ? props.autoSize : size === SheetsSize.half ? halfScreenHeight : size === SheetsSize.threeQuater ? threeQuaterScreenHeight : fullScreenHeight;
@@ -166,7 +167,7 @@ var AnimatedSheets = /*#__PURE__*/forwardRef(function (props, ref) {
       calculateHeight = sheetsType !== SheetsType.dragable ? size === SheetsSize.auto ? factHeight ? Math.min(fullScreenHeight, factHeight) : fullScreenHeight : size === SheetsSize.half ? factHeight ? Math.min(halfScreenHeight, factHeight) : halfScreenHeight : size === SheetsSize.threeQuater ? factHeight ? Math.min(threeQuaterScreenHeight, factHeight) : threeQuaterScreenHeight : factHeight ? Math.min(fullScreenHeight, factHeight) : fullScreenHeight : factHeight;
       childHeightRef.current = calculateHeight;
     }
-    setSheetsHeight(isIos ? calculateHeight : androidSafeBottom > 0 ? calculateHeight : calculateHeight - SAFE_BOTTOM || 34);
+    setSheetsHeight(((_props$sheetsStyle = props.sheetsStyle) === null || _props$sheetsStyle === void 0 ? void 0 : _props$sheetsStyle.backgroundColor) === "transparent" ? calculateHeight : calculateHeight + (SAFE_BOTTOM || (isIos ? 34 : 20)));
   }, [actionHeight, labelHeight, childHeight, props.animatedSheetsSize, props.autoSize, size, screenHeight]);
   useEffect(function () {
     if (mask) {
@@ -214,23 +215,23 @@ var AnimatedSheets = /*#__PURE__*/forwardRef(function (props, ref) {
       }
     }, /* @__PURE__ */React.createElement(View, {
       style: [styles.iconBg, {
-        backgroundColor: themeColor.Fill1
+        backgroundColor: themeColor.Disabled
       }]
     }, type === "confirm" ? /* @__PURE__ */React.createElement(Icon, {
-      icon: Close,
-      type: iconType.image,
+      icon: CancelM,
       size: 20,
-      onClick: handleConfirm
+      onClick: handleConfirm,
+      fill: "rgba(255,255,255,1)"
     }) : /* @__PURE__ */React.createElement(Icon, {
       icon: ArrowLeft,
       type: iconType.image,
       size: 20,
       onClick: handleCancel
     }))) : type === "confirm" ? /* @__PURE__ */React.createElement(Icon, {
-      icon: Close,
-      type: iconType.image,
+      icon: CancelM,
       size: 20,
-      onClick: handleConfirm
+      onClick: handleConfirm,
+      fill: "rgba(0,0,0,1)"
     }) : /* @__PURE__ */React.createElement(Icon, {
       icon: ArrowLeft,
       type: iconType.image,
@@ -259,7 +260,7 @@ var AnimatedSheets = /*#__PURE__*/forwardRef(function (props, ref) {
       return "https://picasso-static.xiaohongshu.com/fe-platform/c4c4ea8f2a3c991e0d17d327466e7a31389e2ba2.png";
     }
   }, [colorMode]);
-  var Close = useMemo(function () {
+  useMemo(function () {
     if (colorMode === "light") {
       return "https://picasso-static.xiaohongshu.com/fe-platform/e5021b86d9477351022f6f91e20e735e2074283f.png";
     } else {
@@ -330,23 +331,25 @@ var AnimatedSheets = /*#__PURE__*/forwardRef(function (props, ref) {
   }, props.header ? /* @__PURE__ */React.createElement(View, {
     onLayout: handleLabelLayout
   }, props.header) : /* @__PURE__ */React.createElement(React.Fragment, null), showLabel && !props.header ? /* @__PURE__ */React.createElement(View, {
-    style: [styles.labelContainer, {
+    style: [props.headlerLayout === "center" ? styles.labelContainer : styles.leftLabelContainer, {
       backgroundColor: themeColor.Bg2
     }, props.headerStyle],
     onLayout: handleLabelLayout
-  }, cancel ? /* @__PURE__ */React.createElement(TouchableWithoutFeedback, {
-    onPress: handleCancel
-  }, cancelType === SheetsActionType.text ? /* @__PURE__ */React.createElement(View, null, /* @__PURE__ */React.createElement(Text, {
+  }, !cancel ? props.headlerLayout === "center" ? /* @__PURE__ */React.createElement(Block, null) : /* @__PURE__ */React.createElement(React.Fragment, null) : /* @__PURE__ */React.createElement(TouchableOpacity, {
+    onPress: handleCancel,
+    activeOpacity: 1
+  }, cancelType === SheetsActionType.text ? /* @__PURE__ */React.createElement(Text, {
     style: [styles.cancel, {
       color: themeColor.Title
     }],
     testID: "cancel"
-  }, cancelText || cancelKey)) : iconWrapper("cancel")) : /* @__PURE__ */React.createElement(Block, null), label ? /* @__PURE__ */React.createElement(Text, {
+  }, cancelText || cancelKey) : iconWrapper("cancel")), label ? /* @__PURE__ */React.createElement(Text, {
     style: [styles.label, {
       color: themeColor.Title
     }]
-  }, label) : /* @__PURE__ */React.createElement(React.Fragment, null), close ? /* @__PURE__ */React.createElement(TouchableWithoutFeedback, {
-    onPress: handleConfirm
+  }, label, showMask) : /* @__PURE__ */React.createElement(React.Fragment, null), !close ? props.headlerLayout === "center" ? /* @__PURE__ */React.createElement(Block, null) : /* @__PURE__ */React.createElement(React.Fragment, null) : /* @__PURE__ */React.createElement(TouchableOpacity, {
+    onPress: handleConfirm,
+    activeOpacity: 1
   }, closeType === SheetsActionType.text ? /* @__PURE__ */React.createElement(View, null, /* @__PURE__ */React.createElement(Text, {
     style: [styles.confirm, {
       color: themeColor.Primary
@@ -355,7 +358,7 @@ var AnimatedSheets = /*#__PURE__*/forwardRef(function (props, ref) {
       shadowColor: "transparent"
     }],
     testID: "close"
-  }, closeText || sureKey)) : iconWrapper("confirm")) : /* @__PURE__ */React.createElement(Block, null)) : /* @__PURE__ */React.createElement(React.Fragment, null), sheetsType === SheetsType.dragable && !props.header ? /* @__PURE__ */React.createElement(Animated.View, _objectSpread2(_objectSpread2({
+  }, closeText || sureKey)) : iconWrapper("confirm"))) : /* @__PURE__ */React.createElement(React.Fragment, null), sheetsType === SheetsType.dragable && !props.header ? /* @__PURE__ */React.createElement(Animated.View, _objectSpread2(_objectSpread2({
     style: [styles.dragableContainer]
   }, panResponder.panHandlers), {}, {
     testID: "draggable"