@xhsreds/reds-rn-next 0.10.1-beta202511241537 → 0.10.1-fix-pull-refresh202511272002

package/lib/cjs/components/TextView/TextView.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextView.js","sources":["../../../../src/components/TextView/TextView.tsx"],"sourcesContent":["import { useState, useRef, useEffect, useCallback, useMemo, forwardRef, useImperativeHandle } from \"react\";\nimport { TextInput, View, Text, TouchableWithoutFeedback, ColorValue, Keyboard, Platform } from \"react-native\";\nimport { TextViewDefaultProps, RedsTextView } from \"./interface\";\nimport createStyles from \"./styles\";\nimport runes from \"runes\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { useThemeColor } from \"../ConfigProvider\";\n\nconst TextField = forwardRef((props: RedsTextView, ref) => {\n  const {\n    type,\n    modelValue,\n    clearable = false,\n    maxLength,\n    disabled = false,\n    readonly,\n    autofocus = false,\n    showCount = false,\n    placeholder,\n    rows = 3,\n    onFocus,\n    onBlur,\n    onChange,\n    onClear,\n    style = {},\n    containerStyle = {},\n    layout,\n    actionLayout,\n    placeholderTextColor,\n  } = props || {};\n  useMounted(\"TextView\");\n  const styles = createStyles(disabled, actionLayout || \"vertical\");\n  const [focused, setFocused] = useState(autofocus);\n  const [value, setValue] = useState(modelValue || \"\");\n  const [modelValueStringLength, setModelValueStringLength] = useState(0);\n  const [showClear, setShowClear] = useState(false);\n  const [showActionArea, setShowActionArea] = useState(false);\n  const inputRef = useRef<TextInput>(null);\n  const themeColor = useThemeColor();\n\n  const limitValueLength = useCallback(\n    (value: string) => {\n      const valueLength = runes(value || \"\").length;\n      if (typeof maxLength === \"number\" && valueLength > maxLength) {\n        const mValue = value;\n        if (mValue && modelValueStringLength === +maxLength) {\n          return mValue;\n        }\n        return runes.substr(value, 0, +maxLength);\n      }\n      return value;\n    },\n    [maxLength],\n  );\n\n  useImperativeHandle(ref, () => ({\n    textInputRef: inputRef,\n  }));\n\n  const updateValue = useCallback(\n    (upValue: string) => {\n      // let value = limitValueLength(upValue);\n      onChange && onChange(upValue);\n      setValue(upValue);\n    },\n    [onChange],\n  );\n\n  const handleChangeText = useCallback(\n    (value: string) => {\n      const filteredValue = props.returnKeyType !== \"next\" ? value.replace(/\\n/g, \"\") : value;\n      updateValue(filteredValue);\n      // Only apply cursor fix on iOS when text equals maxLength (indicating truncation)\n      if (Platform.OS === \"ios\" && maxLength && value.length >= maxLength && inputRef.current) {\n        // Use requestAnimationFrame instead of setTimeout\n        requestAnimationFrame(() => {\n          inputRef.current?.setNativeProps({\n            selection: { start: maxLength, end: maxLength },\n          });\n        });\n      }\n    },\n    [maxLength, updateValue],\n  );\n\n  const handleClear = useCallback(() => {\n    setValue(\"\");\n    updateValue(\"\");\n    onClear && onClear(value);\n  }, [onClear]);\n\n  const handleFocus = useCallback(() => {\n    if (readonly) {\n      inputRef.current?.blur();\n    }\n    setFocused(true);\n    onFocus && onFocus(value);\n  }, [onFocus, readonly]);\n\n  const handleBlur = useCallback(() => {\n    setFocused(false);\n    if (!readonly) {\n      onBlur && onBlur(value);\n    }\n  }, [readonly, onBlur]);\n\n  useEffect(() => {\n    setValue(modelValue || \"\");\n  }, [modelValue]);\n\n  useEffect(() => {\n    setShowClear(clearable && value.length > 0);\n  }, [clearable, value]);\n\n  useEffect(() => {\n    setFocused(autofocus);\n  }, [autofocus]);\n\n  useEffect(() => {\n    // setModelValueStringLength(runes(value).length);\n    setModelValueStringLength(value.length);\n  }, [value]);\n\n  useEffect(() => {\n    setShowActionArea(showClear || showCount);\n  }, [showClear, showCount]);\n\n  const textFieldColor = useMemo(() => {\n    const ColorMap = {\n      primary: themeColor.Primary2,\n      normal: themeColor.Fill1,\n      basic: themeColor.Bg,\n    };\n    return ColorMap[layout!];\n  }, [layout]);\n\n  const handleKeyPress = ({ nativeEvent }: any) => {\n    if (nativeEvent.key === \"Enter\") {\n      if (props.returnKeyType !== \"next\") {\n        Keyboard.dismiss();\n      }\n    }\n  };\n\n  return (\n    <View testID=\"wrapper\" style={[styles.wrapper, { backgroundColor: textFieldColor }, containerStyle]}>\n      <TextInput\n        testID=\"text-input\"\n        ref={inputRef}\n        style={[styles.input, { minHeight: rows * 24, height: \"auto\" }, style]}\n        value={value}\n        onChangeText={handleChangeText}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        editable={!readonly && !disabled}\n        keyboardType={type}\n        placeholder={placeholder}\n        multiline\n        returnKeyType={props.returnKeyType as any}\n        autoFocus={focused}\n        maxLength={maxLength}\n        onKeyPress={handleKeyPress}\n        onSubmitEditing={props.onSubmitEditing}\n        selectionColor={styles.inputSelectionColor.color}\n        placeholderTextColor={(placeholderTextColor || styles.inputPlaceHolder.color) as ColorValue}\n      />\n      {showActionArea && (\n        <View style={[styles.ButtomActionArea]} testID=\"action-area\">\n          {showCount && maxLength && (\n            <View style={styles.rightItem}>\n              <Text style={styles.count}>{`${Math.min(modelValueStringLength, maxLength)}/${maxLength}`}</Text>\n            </View>\n          )}\n          {showClear && modelValueStringLength && focused && (\n            <View style={styles.rightItem}>\n              <TouchableWithoutFeedback onPress={handleClear}>\n                <View style={styles.clearIconContainer}>\n                  <Text style={styles.clearIcon}>清空</Text>\n                </View>\n              </TouchableWithoutFeedback>\n            </View>\n          )}\n        </View>\n      )}\n    </View>\n  );\n});\n\n// @ts-ignore\nTextField.defaultProps = TextViewDefaultProps;\n\nexport default TextField;\n"],"names":["TextField","forwardRef","props","ref","_ref","type","modelValue","_ref$clearable","clearable","maxLength","_ref$disabled","disabled","readonly","_ref$autofocus","autofocus","_ref$showCount","showCount","placeholder","_ref$rows","rows","onFocus","onBlur","onChange","onClear","_ref$style","style","_ref$containerStyle","containerStyle","layout","actionLayout","placeholderTextColor","useMounted","styles","createStyles","_useState","useState","_useState2","_slicedToArray","focused","setFocused","_useState3","_useState4","value","setValue","_useState5","_useState6","modelValueStringLength","setModelValueStringLength","_useState7","_useState8","showClear","setShowClear","_useState9","_useState0","showActionArea","setShowActionArea","inputRef","useRef","themeColor","useThemeColor","useCallback","valueLength","runes","length","mValue","substr","useImperativeHandle","textInputRef","updateValue","upValue","handleChangeText","filteredValue","returnKeyType","replace","Platform","OS","current","requestAnimationFrame","_inputRef$current","setNativeProps","selection","start","end","handleClear","handleFocus","_inputRef$current2","blur","handleBlur","useEffect","textFieldColor","useMemo","ColorMap","primary","Primary2","normal","Fill1","basic","Bg","handleKeyPress","_ref2","nativeEvent","key","Keyboard","dismiss","React","createElement","View","testID","wrapper","backgroundColor","TextInput","input","minHeight","height","onChangeText","editable","keyboardType","multiline","autoFocus","onKeyPress","onSubmitEditing","selectionColor","inputSelectionColor","color","inputPlaceHolder","ButtomActionArea","rightItem","Text","count","concat","Math","min","TouchableWithoutFeedback","onPress","clearIconContainer","clearIcon","defaultProps","TextViewDefaultProps"],"mappings":"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"}
+{"version":3,"file":"TextView.js","sources":["../../../../src/components/TextView/TextView.tsx"],"sourcesContent":["import { useState, useRef, useEffect, useCallback, useMemo, forwardRef, useImperativeHandle } from \"react\";\nimport { TextInput, View, Text, TouchableWithoutFeedback, ColorValue, Keyboard, Platform } from \"react-native\";\nimport { TextViewDefaultProps, RedsTextView } from \"./interface\";\nimport createStyles from \"./styles\";\nimport runes from \"runes\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { useThemeColor } from \"../ConfigProvider\";\n\nconst TextField = forwardRef((props: RedsTextView, ref) => {\n  const {\n    type,\n    modelValue,\n    clearable = false,\n    maxLength,\n    disabled = false,\n    readonly,\n    autofocus = false,\n    showCount = false,\n    placeholder,\n    rows = 3,\n    onFocus,\n    onBlur,\n    onChange,\n    onClear,\n    style = {},\n    containerStyle = {},\n    layout,\n    actionLayout,\n    placeholderTextColor,\n  } = props || {};\n  useMounted(\"TextView\");\n  const styles = createStyles(disabled, actionLayout || \"vertical\");\n  const [focused, setFocused] = useState(autofocus);\n  const [value, setValue] = useState(modelValue || \"\");\n  const [modelValueStringLength, setModelValueStringLength] = useState(0);\n  const [showClear, setShowClear] = useState(false);\n  const [showActionArea, setShowActionArea] = useState(false);\n  const inputRef = useRef<TextInput>(null);\n  const themeColor = useThemeColor();\n\n  const limitValueLength = useCallback(\n    (value: string) => {\n      const valueLength = runes(value || \"\").length;\n      if (typeof maxLength === \"number\" && valueLength > maxLength) {\n        const mValue = value;\n        if (mValue && modelValueStringLength === +maxLength) {\n          return mValue;\n        }\n        return runes.substr(value, 0, +maxLength);\n      }\n      return value;\n    },\n    [maxLength],\n  );\n\n  useImperativeHandle(ref, () => ({\n    textInputRef: inputRef,\n  }));\n\n  const updateValue = useCallback(\n    (upValue: string) => {\n      // let value = limitValueLength(upValue);\n      onChange && onChange(upValue);\n      setValue(upValue);\n    },\n    [onChange],\n  );\n\n  const handleChangeText = useCallback(\n    (value: string) => {\n      updateValue(value);\n      // Only apply cursor fix on iOS when text equals maxLength (indicating truncation)\n      if (Platform.OS === \"ios\" && maxLength && value.length >= maxLength && inputRef.current) {\n        // Use requestAnimationFrame instead of setTimeout\n        requestAnimationFrame(() => {\n          inputRef.current?.setNativeProps({\n            selection: { start: maxLength, end: maxLength },\n          });\n        });\n      }\n    },\n    [maxLength, updateValue],\n  );\n\n  const handleClear = useCallback(() => {\n    setValue(\"\");\n    updateValue(\"\");\n    onClear && onClear(value);\n  }, [onClear]);\n\n  const handleFocus = useCallback(() => {\n    if (readonly) {\n      inputRef.current?.blur();\n    }\n    setFocused(true);\n    onFocus && onFocus(value);\n  }, [onFocus, readonly]);\n\n  const handleBlur = useCallback(() => {\n    setFocused(false);\n    if (!readonly) {\n      onBlur && onBlur(value);\n    }\n  }, [readonly, onBlur]);\n\n  useEffect(() => {\n    setValue(modelValue || \"\");\n  }, [modelValue]);\n\n  useEffect(() => {\n    setShowClear(clearable && value.length > 0);\n  }, [clearable, value]);\n\n  useEffect(() => {\n    setFocused(autofocus);\n  }, [autofocus]);\n\n  useEffect(() => {\n    // setModelValueStringLength(runes(value).length);\n    setModelValueStringLength(value.length);\n  }, [value]);\n\n  useEffect(() => {\n    setShowActionArea(showClear || showCount);\n  }, [showClear, showCount]);\n\n  const textFieldColor = useMemo(() => {\n    const ColorMap = {\n      primary: themeColor.Primary2,\n      normal: themeColor.Fill1,\n      basic: themeColor.Bg,\n    };\n    return ColorMap[layout!];\n  }, [layout]);\n\n  const handleKeyPress = ({ nativeEvent }: any) => {\n    if (nativeEvent.key === \"Enter\" && props.returnKeyType !== \"next\") {\n      Keyboard.dismiss();\n    }\n  };\n\n  return (\n    <View testID=\"wrapper\" style={[styles.wrapper, { backgroundColor: textFieldColor }, containerStyle]}>\n      <TextInput\n        testID=\"text-input\"\n        ref={inputRef}\n        style={[styles.input, { minHeight: rows * 24, height: \"auto\" }, style]}\n        value={value}\n        onChangeText={handleChangeText}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        editable={!readonly && !disabled}\n        keyboardType={type}\n        placeholder={placeholder}\n        multiline\n        returnKeyType={props.returnKeyType as any}\n        autoFocus={focused}\n        maxLength={maxLength}\n        onKeyPress={handleKeyPress}\n        onSubmitEditing={props.onSubmitEditing}\n        selectionColor={styles.inputSelectionColor.color}\n        placeholderTextColor={(placeholderTextColor || styles.inputPlaceHolder.color) as ColorValue}\n      />\n      {showActionArea && (\n        <View style={[styles.ButtomActionArea]} testID=\"action-area\">\n          {showCount && maxLength && (\n            <View style={styles.rightItem}>\n              <Text style={styles.count}>{`${Math.min(modelValueStringLength, maxLength)}/${maxLength}`}</Text>\n            </View>\n          )}\n          {showClear && modelValueStringLength && focused && (\n            <View style={styles.rightItem}>\n              <TouchableWithoutFeedback onPress={handleClear}>\n                <View style={styles.clearIconContainer}>\n                  <Text style={styles.clearIcon}>清空</Text>\n                </View>\n              </TouchableWithoutFeedback>\n            </View>\n          )}\n        </View>\n      )}\n    </View>\n  );\n});\n\n// @ts-ignore\nTextField.defaultProps = TextViewDefaultProps;\n\nexport default TextField;\n"],"names":["TextField","forwardRef","props","ref","_ref","type","modelValue","_ref$clearable","clearable","maxLength","_ref$disabled","disabled","readonly","_ref$autofocus","autofocus","_ref$showCount","showCount","placeholder","_ref$rows","rows","onFocus","onBlur","onChange","onClear","_ref$style","style","_ref$containerStyle","containerStyle","layout","actionLayout","placeholderTextColor","useMounted","styles","createStyles","_useState","useState","_useState2","_slicedToArray","focused","setFocused","_useState3","_useState4","value","setValue","_useState5","_useState6","modelValueStringLength","setModelValueStringLength","_useState7","_useState8","showClear","setShowClear","_useState9","_useState0","showActionArea","setShowActionArea","inputRef","useRef","themeColor","useThemeColor","useCallback","valueLength","runes","length","mValue","substr","useImperativeHandle","textInputRef","updateValue","upValue","handleChangeText","Platform","OS","current","requestAnimationFrame","_inputRef$current","setNativeProps","selection","start","end","handleClear","handleFocus","_inputRef$current2","blur","handleBlur","useEffect","textFieldColor","useMemo","ColorMap","primary","Primary2","normal","Fill1","basic","Bg","handleKeyPress","_ref2","nativeEvent","key","returnKeyType","Keyboard","dismiss","React","createElement","View","testID","wrapper","backgroundColor","TextInput","input","minHeight","height","onChangeText","editable","keyboardType","multiline","autoFocus","onKeyPress","onSubmitEditing","selectionColor","inputSelectionColor","color","inputPlaceHolder","ButtomActionArea","rightItem","Text","count","concat","Math","min","TouchableWithoutFeedback","onPress","clearIconContainer","clearIcon","defaultProps","TextViewDefaultProps"],"mappings":"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"}

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

@@ -4,7 +4,7 @@ import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
 import 'react';
 import '@xhs/reds-apm/src/index.native';
 import { useThemeColor, useThemeTypography } from '../ConfigProvider/hooks/themeToken/useThemeToken.js';
-import { alwaysColor } from '@xhsreds/reds-token-next';
+import '@xhsreds/reds-token-next';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 
 var avatarSizeToTagMargin = {
@@ -169,7 +169,7 @@ var getLiveTextStyles = function getLiveTextStyles(size, liveIcon) {
     liveTextSmall: {
       fontSize: 8,
       textAlign: "center",
-      color: alwaysColor.White,
+      color: themeColor.White,
       display: "flex",
       justifyContent: "center",
       alignItems: "center"
@@ -177,18 +177,18 @@ var getLiveTextStyles = function getLiveTextStyles(size, liveIcon) {
     liveTextMedium: {
       fontSize: 8,
       textAlign: "center",
-      color: alwaysColor.White
+      color: themeColor.White
     },
     liveTextLarge: {
       fontSize: typography.C3FontSize,
       fontWeight: typography.C3FontWeight,
       textAlign: "center",
-      color: alwaysColor.White
+      color: themeColor.White
     },
     liveTextXLarge: {
       fontSize: typography.C2FontSize,
       textAlign: "center",
-      color: alwaysColor.White
+      color: themeColor.White
     }
   });
   return {

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Avatar/styles.ts"],"sourcesContent":["import { StyleSheet, Platform } from \"react-native\";\nimport { useThemeTypography, useThemeColor } from \"../ConfigProvider\";\nimport { alwaysColor } from \"@xhsreds/reds-token-next\";\n\nconst avatarSizeToTagMargin = {\n  small: -4,\n  medium: -6,\n  large: -8,\n  xlarge: -10,\n};\n\nconst sizeRanges = [{ \"16-28\": \"small\" }, { \"28-44\": \"medium\" }, { \"48-64\": \"large\" }, { \"68-80\": \"xlarge\" }];\n\ntype AvatarSize = \"small\" | \"medium\" | \"large\" | \"xlarge\";\n\nconst getSizeType = (value: number) => {\n  const res = sizeRanges.filter((obj) => {\n    const [min, max] = Object.keys(obj)[0].split(\"-\");\n    return value >= +min && value <= +max;\n  });\n  return res && res.length > 0 ? Object.values(res[0])[0] : \"large\";\n};\n\nexport const getAvatarStyles = (width: number, size: number | AvatarSize, outlineColor: string, borderNum?: number) => {\n  let sizeType = typeof size === \"number\" ? (getSizeType(width) as AvatarSize) : (size as AvatarSize);\n  const themeColor = useThemeColor(\"Avatar\");\n  let borderWidth =\n    typeof borderNum === \"number\" ? borderNum : sizeType === \"xlarge\" ? 2 : sizeType === \"large\" ? 1.5 : 1;\n\n  const styles = StyleSheet.create({\n    container: {\n      borderWidth: 0,\n      width: width + borderWidth * 4,\n      height: width + borderWidth * 4,\n      borderRadius: (width + 100) / 2,\n      position: \"absolute\",\n    },\n    img: {\n      width: width,\n      height: width,\n      borderRadius: width / 2,\n      zIndex: 100,\n    },\n    outContainer: {\n      width: width,\n      height: width,\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n    },\n  });\n\n  const liveStyles = StyleSheet.create({\n    container: {\n      // @ts-ignore\n      borderColor: themeColor[outlineColor] || outlineColor,\n      borderWidth,\n    },\n  });\n  const liveStylesSecondary = StyleSheet.create({\n    container: {\n      // @ts-ignore\n      borderColor: themeColor[outlineColor] || outlineColor,\n      borderWidth: borderWidth,\n    },\n  });\n\n  return {\n    styles,\n    liveStyles,\n    liveStylesSecondary,\n    sizeType,\n    borderWidth,\n  };\n};\n\nexport const getLiveTextStyles = (size: AvatarSize, liveIcon: any) => {\n  const typography = useThemeTypography(\"Avatar\");\n  const themeColor = useThemeColor(\"Avatar\");\n  const tagMargin = avatarSizeToTagMargin[size];\n  const tagContainerStyles = StyleSheet.create({\n    outContainer: {\n      position: \"absolute\",\n      bottom: tagMargin,\n      zIndex: 100,\n    },\n    container: {\n      position: \"relative\",\n      overflow: \"hidden\",\n      width: \"100%\",\n      borderRadius: 60,\n    },\n    animatedLight: {\n      height: 30,\n      bottom: 0,\n      position: \"absolute\",\n      width: 6,\n    },\n  });\n  const tagStyles = StyleSheet.create({\n    text: {\n      fontSize: 7,\n      lineHeight: 10,\n      paddingHorizontal: 0,\n    },\n    container: {\n      width: \"auto\",\n      paddingHorizontal: 3,\n      overflow: \"hidden\",\n      display: \"flex\",\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n    },\n    avatarLiveTag: {\n      display: \"flex\",\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      backgroundColor: themeColor.Primary,\n      borderRadius: 99,\n      opacity: 1,\n      zIndex: 999,\n    },\n    liveSmall: {\n      fontSize: 8,\n      minWidth: liveIcon ? 32 : 24,\n      paddingVertical: 2,\n      // height: 12,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      paddingHorizontal: liveIcon ? 4 : 0,\n    },\n    liveMedium: {\n      fontSize: 8,\n      minWidth: liveIcon ? 34 : 26,\n      paddingVertical: 2,\n      // height: 12,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    liveLarge: {\n      fontSize: typography.C3FontSize,\n      minWidth: liveIcon ? 44 : 34,\n      paddingVertical: 2,\n      // height: 16,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      fontWeight: typography.C3FontWeight,\n    },\n    liveXLarge: {\n      fontSize: typography.C2FontSize,\n      minWidth: liveIcon ? 56 : 42,\n      paddingVertical: 2,\n      // height: 20,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    liveTextSmall: {\n      fontSize: 8,\n      textAlign: \"center\",\n      color: alwaysColor.White,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    liveTextMedium: {\n      fontSize: 8,\n      textAlign: \"center\",\n      color: alwaysColor.White,\n    },\n    liveTextLarge: {\n      fontSize: typography.C3FontSize,\n      fontWeight: typography.C3FontWeight,\n      textAlign: \"center\",\n      color: alwaysColor.White,\n    },\n    liveTextXLarge: {\n      fontSize: typography.C2FontSize,\n      textAlign: \"center\",\n      color: alwaysColor.White,\n    },\n  });\n\n  return {\n    tagMargin,\n    tagContainerStyles,\n    tagStyles,\n  };\n};\n"],"names":["avatarSizeToTagMargin","small","medium","large","xlarge","sizeRanges","getSizeType","value","res","filter","obj","_Object$keys$0$split","Object","keys","split","_Object$keys$0$split2","_slicedToArray","min","max","length","values","getAvatarStyles","width","size","outlineColor","borderNum","sizeType","themeColor","useThemeColor","borderWidth","styles","StyleSheet","create","container","height","borderRadius","position","img","zIndex","outContainer","display","alignItems","justifyContent","liveStyles","borderColor","liveStylesSecondary","getLiveTextStyles","liveIcon","typography","useThemeTypography","tagMargin","tagContainerStyles","bottom","overflow","animatedLight","tagStyles","text","fontSize","lineHeight","paddingHorizontal","flexDirection","avatarLiveTag","backgroundColor","Primary","opacity","liveSmall","minWidth","paddingVertical","liveMedium","liveLarge","C3FontSize","fontWeight","C3FontWeight","liveXLarge","C2FontSize","liveTextSmall","textAlign","color","alwaysColor","White","liveTextMedium","liveTextLarge","liveTextXLarge"],"mappings":"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"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/Avatar/styles.ts"],"sourcesContent":["import { StyleSheet, Platform } from \"react-native\";\nimport { useThemeTypography, useThemeColor } from \"../ConfigProvider\";\n\nconst avatarSizeToTagMargin = {\n  small: -4,\n  medium: -6,\n  large: -8,\n  xlarge: -10,\n};\n\nconst sizeRanges = [{ \"16-28\": \"small\" }, { \"28-44\": \"medium\" }, { \"48-64\": \"large\" }, { \"68-80\": \"xlarge\" }];\n\ntype AvatarSize = \"small\" | \"medium\" | \"large\" | \"xlarge\";\n\nconst getSizeType = (value: number) => {\n  const res = sizeRanges.filter((obj) => {\n    const [min, max] = Object.keys(obj)[0].split(\"-\");\n    return value >= +min && value <= +max;\n  });\n  return res && res.length > 0 ? Object.values(res[0])[0] : \"large\";\n};\n\nexport const getAvatarStyles = (width: number, size: number | AvatarSize, outlineColor: string, borderNum?: number) => {\n  let sizeType = typeof size === \"number\" ? (getSizeType(width) as AvatarSize) : (size as AvatarSize);\n  const themeColor = useThemeColor(\"Avatar\");\n  let borderWidth =\n    typeof borderNum === \"number\" ? borderNum : sizeType === \"xlarge\" ? 2 : sizeType === \"large\" ? 1.5 : 1;\n\n  const styles = StyleSheet.create({\n    container: {\n      borderWidth: 0,\n      width: width + borderWidth * 4,\n      height: width + borderWidth * 4,\n      borderRadius: (width + 100) / 2,\n      position: \"absolute\",\n    },\n    img: {\n      width: width,\n      height: width,\n      borderRadius: width / 2,\n      zIndex: 100,\n    },\n    outContainer: {\n      width: width,\n      height: width,\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n    },\n  });\n\n  const liveStyles = StyleSheet.create({\n    container: {\n      // @ts-ignore\n      borderColor: themeColor[outlineColor] || outlineColor,\n      borderWidth,\n    },\n  });\n  const liveStylesSecondary = StyleSheet.create({\n    container: {\n      // @ts-ignore\n      borderColor: themeColor[outlineColor] || outlineColor,\n      borderWidth: borderWidth,\n    },\n  });\n\n  return {\n    styles,\n    liveStyles,\n    liveStylesSecondary,\n    sizeType,\n    borderWidth,\n  };\n};\n\nexport const getLiveTextStyles = (size: AvatarSize, liveIcon: any) => {\n  const typography = useThemeTypography(\"Avatar\");\n  const themeColor = useThemeColor(\"Avatar\");\n  const tagMargin = avatarSizeToTagMargin[size];\n  const tagContainerStyles = StyleSheet.create({\n    outContainer: {\n      position: \"absolute\",\n      bottom: tagMargin,\n      zIndex: 100,\n    },\n    container: {\n      position: \"relative\",\n      overflow: \"hidden\",\n      width: \"100%\",\n      borderRadius: 60,\n    },\n    animatedLight: {\n      height: 30,\n      bottom: 0,\n      position: \"absolute\",\n      width: 6,\n    },\n  });\n  const tagStyles = StyleSheet.create({\n    text: {\n      fontSize: 7,\n      lineHeight: 10,\n      paddingHorizontal: 0,\n    },\n    container: {\n      width: \"auto\",\n      paddingHorizontal: 3,\n      overflow: \"hidden\",\n      display: \"flex\",\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n    },\n    avatarLiveTag: {\n      display: \"flex\",\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      backgroundColor: themeColor.Primary,\n      borderRadius: 99,\n      opacity: 1,\n      zIndex: 999,\n    },\n    liveSmall: {\n      fontSize: 8,\n      minWidth: liveIcon ? 32 : 24,\n      paddingVertical: 2,\n      // height: 12,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      paddingHorizontal: liveIcon ? 4 : 0,\n    },\n    liveMedium: {\n      fontSize: 8,\n      minWidth: liveIcon ? 34 : 26,\n      paddingVertical: 2,\n      // height: 12,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    liveLarge: {\n      fontSize: typography.C3FontSize,\n      minWidth: liveIcon ? 44 : 34,\n      paddingVertical: 2,\n      // height: 16,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      fontWeight: typography.C3FontWeight,\n    },\n    liveXLarge: {\n      fontSize: typography.C2FontSize,\n      minWidth: liveIcon ? 56 : 42,\n      paddingVertical: 2,\n      // height: 20,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    liveTextSmall: {\n      fontSize: 8,\n      textAlign: \"center\",\n      color: themeColor.White,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    liveTextMedium: {\n      fontSize: 8,\n      textAlign: \"center\",\n      color: themeColor.White,\n    },\n    liveTextLarge: {\n      fontSize: typography.C3FontSize,\n      fontWeight: typography.C3FontWeight,\n      textAlign: \"center\",\n      color: themeColor.White,\n    },\n    liveTextXLarge: {\n      fontSize: typography.C2FontSize,\n      textAlign: \"center\",\n      color: themeColor.White,\n    },\n  });\n\n  return {\n    tagMargin,\n    tagContainerStyles,\n    tagStyles,\n  };\n};\n"],"names":["avatarSizeToTagMargin","small","medium","large","xlarge","sizeRanges","getSizeType","value","res","filter","obj","_Object$keys$0$split","Object","keys","split","_Object$keys$0$split2","_slicedToArray","min","max","length","values","getAvatarStyles","width","size","outlineColor","borderNum","sizeType","themeColor","useThemeColor","borderWidth","styles","StyleSheet","create","container","height","borderRadius","position","img","zIndex","outContainer","display","alignItems","justifyContent","liveStyles","borderColor","liveStylesSecondary","getLiveTextStyles","liveIcon","typography","useThemeTypography","tagMargin","tagContainerStyles","bottom","overflow","animatedLight","tagStyles","text","fontSize","lineHeight","paddingHorizontal","flexDirection","avatarLiveTag","backgroundColor","Primary","opacity","liveSmall","minWidth","paddingVertical","liveMedium","liveLarge","C3FontSize","fontWeight","C3FontWeight","liveXLarge","C2FontSize","liveTextSmall","textAlign","color","White","liveTextMedium","liveTextLarge","liveTextXLarge"],"mappings":"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"}

package/lib/esm/components/AvatarGroup/AvatarGroup.js

@@ -9,13 +9,13 @@ import { useThemeColor } from '../ConfigProvider/hooks/themeToken/useThemeToken.
 import '../../_chunks/DjMhUq01.js';
 import '../Avatar/styles.js';
 import '@xhs/reds-apm/src/index.native';
-import '@xhsreds/reds-token-next';
 import '../LanguageProvider/LanguageProvider.js';
 import '../../_chunks/xB1yvFw8.js';
 import '../LanguageProvider/hooks/LanguageContext.js';
 import '../../pvCount/pvData.js';
 import '../LanguageProvider/hooks/useLanguage.js';
 import '../../i18n/index.js';
+import '@xhsreds/reds-token-next';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 
 var AvatarGroup = function AvatarGroup(props) {

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/BottomBar/styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\n\nexport const getStyles = (themeColor: any) => {\n  return StyleSheet.create({\n    bottomBar: {\n      width: \"100%\",\n      padding: 8,\n      backgroundColor: themeColor.Bg,\n    },\n    fixed: {\n      position: \"absolute\",\n      bottom: 0,\n      zIndex: 999,\n      width: \"100%\",\n      height: 56,\n      justifyContent: \"center\",\n    },\n    showBackground: {\n      backgroundColor: themeColor.White,\n    },\n    showTopBorder: {\n      borderTopWidth: 1,\n      borderTopColor: themeColor.Separator,\n    },\n    block: {\n      paddingHorizontal: 48,\n      justifyContent: \"flex-start\", // Align to the start for block layout\n    },\n    center: {\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    right: {\n      justifyContent: \"flex-end\",\n      alignItems: \"center\",\n    },\n    left: {\n      width: \"50%\",\n    },\n    top: {\n      marginBottom: 18,\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    bottom: {\n      marginTop: 18,\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    content: {\n      flexDirection: \"row\",\n      justifyContent: \"space-between\",\n      alignItems: \"center\",\n    },\n    mainContent: {\n      flexDirection: \"row\",\n      flex: 1,\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n  });\n};\n"],"names":["getStyles","themeColor","StyleSheet","create","bottomBar","width","padding","backgroundColor","Bg","fixed","position","bottom","zIndex","height","justifyContent","showBackground","White","showTopBorder","borderTopWidth","borderTopColor","Separator","block","paddingHorizontal","center","alignItems","right","left","top","marginBottom","marginTop","content","flexDirection","mainContent","flex"],"mappings":";;IAEaA,SAAA,GAAY,SAAZA,SAAAA,CAAaC,UAAoB,EAAA;EAC5C,OAAOC,WAAWC,MAAO,CAAA;AACvBC,IAAAA,SAAW,EAAA;AACTC,MAAAA,KAAO,EAAA,MAAA;AACPC,MAAAA,OAAS,EAAA,CAAA;MACTC,iBAAiBN,UAAW,CAAAO,EAAAA;KAC9B;AACAC,IAAAA,KAAO,EAAA;AACLC,MAAAA,QAAU,EAAA,UAAA;AACVC,MAAAA,MAAQ,EAAA,CAAA;AACRC,MAAAA,MAAQ,EAAA,GAAA;AACRP,MAAAA,KAAO,EAAA,MAAA;AACPQ,MAAAA,MAAQ,EAAA,EAAA;AACRC,MAAAA,cAAgB,EAAA,QAAA;KAClB;AACAC,IAAAA,cAAgB,EAAA;MACdR,iBAAiBN,UAAW,CAAAe,KAAAA;KAC9B;AACAC,IAAAA,aAAe,EAAA;AACbC,MAAAA,cAAgB,EAAA,CAAA;MAChBC,gBAAgBlB,UAAW,CAAAmB,SAAAA;KAC7B;AACAC,IAAAA,KAAO,EAAA;AACLC,MAAAA,iBAAmB,EAAA,EAAA;AACnBR,MAAAA,cAAgB,EAAA,YAAA;AAAA;KAClB;AACAS,IAAAA,MAAQ,EAAA;AACNT,MAAAA,cAAgB,EAAA,QAAA;AAChBU,MAAAA,UAAY,EAAA,QAAA;KACd;AACAC,IAAAA,KAAO,EAAA;AACLX,MAAAA,cAAgB,EAAA,UAAA;AAChBU,MAAAA,UAAY,EAAA,QAAA;KACd;AACAE,IAAAA,IAAM,EAAA;AACJrB,MAAAA,KAAO,EAAA,KAAA;KACT;AACAsB,IAAAA,GAAK,EAAA;AACHC,MAAAA,YAAc,EAAA,EAAA;AACdd,MAAAA,cAAgB,EAAA,QAAA;AAChBU,MAAAA,UAAY,EAAA,QAAA;KACd;AACAb,IAAAA,MAAQ,EAAA;AACNkB,MAAAA,SAAW,EAAA,EAAA;AACXf,MAAAA,cAAgB,EAAA,QAAA;AAChBU,MAAAA,UAAY,EAAA,QAAA;KACd;AACAM,IAAAA,OAAS,EAAA;AACPC,MAAAA,aAAe,EAAA,KAAA;AACfjB,MAAAA,cAAgB,EAAA,eAAA;AAChBU,MAAAA,UAAY,EAAA,QAAA;KACd;AACAQ,IAAAA,WAAa,EAAA;AACXD,MAAAA,aAAe,EAAA,KAAA;AACfE,MAAAA,IAAM,EAAA,CAAA;AACNnB,MAAAA,cAAgB,EAAA,QAAA;AAChBU,MAAAA,UAAY,EAAA,QAAA;AACd,KAAA;AACF,GAAC,CAAA,CAAA;AACH;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/BottomBar/styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\n\nexport const getStyles = (themeColor: any) => {\n  return StyleSheet.create({\n    bottomBar: {\n      width: \"100%\",\n      padding: 8,\n      backgroundColor: \"inherit\",\n    },\n    fixed: {\n      position: \"absolute\",\n      bottom: 0,\n      zIndex: 999,\n      width: \"100%\",\n      height: 56,\n      justifyContent: \"center\",\n    },\n    showBackground: {\n      backgroundColor: themeColor.White,\n    },\n    showTopBorder: {\n      borderTopWidth: 1,\n      borderTopColor: themeColor.Separator,\n    },\n    block: {\n      paddingHorizontal: 48,\n      justifyContent: \"flex-start\", // Align to the start for block layout\n    },\n    center: {\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    right: {\n      justifyContent: \"flex-end\",\n      alignItems: \"center\",\n    },\n    left: {\n      width: \"50%\",\n    },\n    top: {\n      marginBottom: 18,\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    bottom: {\n      marginTop: 18,\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    content: {\n      flexDirection: \"row\",\n      justifyContent: \"space-between\",\n      alignItems: \"center\",\n    },\n    mainContent: {\n      flexDirection: \"row\",\n      flex: 1,\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n  });\n};\n"],"names":["getStyles","themeColor","StyleSheet","create","bottomBar","width","padding","backgroundColor","fixed","position","bottom","zIndex","height","justifyContent","showBackground","White","showTopBorder","borderTopWidth","borderTopColor","Separator","block","paddingHorizontal","center","alignItems","right","left","top","marginBottom","marginTop","content","flexDirection","mainContent","flex"],"mappings":";;IAEaA,SAAA,GAAY,SAAZA,SAAAA,CAAaC,UAAoB,EAAA;EAC5C,OAAOC,WAAWC,MAAO,CAAA;AACvBC,IAAAA,SAAW,EAAA;AACTC,MAAAA,KAAO,EAAA,MAAA;AACPC,MAAAA,OAAS,EAAA,CAAA;AACTC,MAAAA,eAAiB,EAAA,SAAA;KACnB;AACAC,IAAAA,KAAO,EAAA;AACLC,MAAAA,QAAU,EAAA,UAAA;AACVC,MAAAA,MAAQ,EAAA,CAAA;AACRC,MAAAA,MAAQ,EAAA,GAAA;AACRN,MAAAA,KAAO,EAAA,MAAA;AACPO,MAAAA,MAAQ,EAAA,EAAA;AACRC,MAAAA,cAAgB,EAAA,QAAA;KAClB;AACAC,IAAAA,cAAgB,EAAA;MACdP,iBAAiBN,UAAW,CAAAc,KAAAA;KAC9B;AACAC,IAAAA,aAAe,EAAA;AACbC,MAAAA,cAAgB,EAAA,CAAA;MAChBC,gBAAgBjB,UAAW,CAAAkB,SAAAA;KAC7B;AACAC,IAAAA,KAAO,EAAA;AACLC,MAAAA,iBAAmB,EAAA,EAAA;AACnBR,MAAAA,cAAgB,EAAA,YAAA;AAAA;KAClB;AACAS,IAAAA,MAAQ,EAAA;AACNT,MAAAA,cAAgB,EAAA,QAAA;AAChBU,MAAAA,UAAY,EAAA,QAAA;KACd;AACAC,IAAAA,KAAO,EAAA;AACLX,MAAAA,cAAgB,EAAA,UAAA;AAChBU,MAAAA,UAAY,EAAA,QAAA;KACd;AACAE,IAAAA,IAAM,EAAA;AACJpB,MAAAA,KAAO,EAAA,KAAA;KACT;AACAqB,IAAAA,GAAK,EAAA;AACHC,MAAAA,YAAc,EAAA,EAAA;AACdd,MAAAA,cAAgB,EAAA,QAAA;AAChBU,MAAAA,UAAY,EAAA,QAAA;KACd;AACAb,IAAAA,MAAQ,EAAA;AACNkB,MAAAA,SAAW,EAAA,EAAA;AACXf,MAAAA,cAAgB,EAAA,QAAA;AAChBU,MAAAA,UAAY,EAAA,QAAA;KACd;AACAM,IAAAA,OAAS,EAAA;AACPC,MAAAA,aAAe,EAAA,KAAA;AACfjB,MAAAA,cAAgB,EAAA,eAAA;AAChBU,MAAAA,UAAY,EAAA,QAAA;KACd;AACAQ,IAAAA,WAAa,EAAA;AACXD,MAAAA,aAAe,EAAA,KAAA;AACfE,MAAAA,IAAM,EAAA,CAAA;AACNnB,MAAAA,cAAgB,EAAA,QAAA;AAChBU,MAAAA,UAAY,EAAA,QAAA;AACd,KAAA;AACF,GAAC,CAAA,CAAA;AACH;;;;"}

package/lib/esm/components/PickerView/Wheel.js

@@ -19,25 +19,21 @@ var Wheel = function Wheel(props) {
     accessibility = _props$accessibility === void 0 ? {} : _props$accessibility;
   var scrollerRef = useRef();
   var themeColor = useThemeColor();
-  var _useState = useState(value),
+  var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
-    lastValue = _useState2[0],
-    setLastValue = _useState2[1];
+    index = _useState2[0],
+    setIndex = _useState2[1];
   useEffect(function () {
-    if (value !== lastValue) {
-      var idx = getSelectIndex(column, value);
-      handleScroll(idx);
-    }
+    value && setIndex(getSelectIndex(column, value));
   }, [column, value]);
-  var handleScroll = function handleScroll(idx) {
-    var _column$idx;
-    var newVal = column === null || column === void 0 || (_column$idx = column[idx]) === null || _column$idx === void 0 ? void 0 : _column$idx.value;
-    scrollTo(idx * itemHeight);
+  useEffect(function () {
+    var _column$index;
+    var newVal = column === null || column === void 0 || (_column$index = column[index]) === null || _column$index === void 0 ? void 0 : _column$index.value;
+    scrollTo(index * itemHeight);
     if (newVal) {
-      setLastValue(newVal);
       onSelect(newVal, props.index);
     }
-  };
+  }, [index, props.index]);
   var scrollTo = function scrollTo(y) {
     setTimeout(function () {
       var _scrollerRef$current, _scrollerRef$current$;
@@ -57,22 +53,20 @@ var Wheel = function Wheel(props) {
     }), 0) : 0;
   };
   var onMomentumScrollEnd = function onMomentumScrollEnd(e) {
-    var _e$persist, _column$selectIndex;
+    var _e$persist;
     (_e$persist = e.persist) === null || _e$persist === void 0 || _e$persist.call(e);
     var contentOffset = e.nativeEvent.contentOffset;
     var selectIndex = Math.round(contentOffset.y / itemHeight);
-    var newVal = column === null || column === void 0 || (_column$selectIndex = column[selectIndex]) === null || _column$selectIndex === void 0 ? void 0 : _column$selectIndex.value;
-    setLastValue(newVal);
-    onSelect(newVal, props.index);
+    setIndex(selectIndex);
   };
-  var handleClick = function handleClick(index) {
-    handleScroll(index);
+  var handleClick = function handleClick(index2) {
+    setIndex(index2);
   };
   var renderItems = function renderItems() {
-    return column.map(function (item, index) {
+    return column.map(function (item, index2) {
       return /* @__PURE__ */React.createElement(TouchableNativeFeedback, {
         onPress: function onPress() {
-          return handleClick(index);
+          return handleClick(index2);
         },
         key: item.value
       }, /* @__PURE__ */React.createElement(View, _objectSpread2({

package/lib/esm/components/PickerView/Wheel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Wheel.js","sources":["../../../../src/components/PickerView/Wheel.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from \"react\";\nimport { NativeScrollEvent, NativeSyntheticEvent, ScrollView, View, Text, TouchableNativeFeedback } from \"react-native\";\nimport { useThemeColor } from \"../ConfigProvider\";\nimport { typography } from \"@xhsreds/reds-token-next\";\nimport { RedsWheel, Column } from \"./interface/index\";\nimport styles from \"./styles\";\n\nconst itemHeight = 40;\n\nconst Wheel = (props: RedsWheel) => {\n  const { value, column = [], onSelect = () => {}, accessibility = {} } = props;\n\n  /**\n   * 滚动ref\n   */\n  const scrollerRef = useRef();\n\n  /**\n   * themeColor\n   */\n  const themeColor = useThemeColor();\n\n  const [lastValue, setLastValue] = useState(value);\n\n  /**\n   * 初始化滚动高度\n   */\n  useEffect(() => {\n    if (value !== lastValue) {\n      const idx = getSelectIndex(column, value);\n      handleScroll(idx);\n    }\n  }, [column, value]);\n\n  const handleScroll = (idx: number) => {\n    const newVal = column?.[idx]?.value;\n    scrollTo(idx * itemHeight);\n    if (newVal) {\n      setLastValue(newVal);\n      onSelect(newVal, props.index);\n    }\n  };\n\n  /**\n   * 滚动ScrollView\n   * @param y 滚动距离\n   */\n  const scrollTo = (y: any) => {\n    setTimeout(() => {\n      // @ts-ignore\n      scrollerRef?.current?.scrollTo?.({\n        y,\n        animated: true,\n      });\n    });\n  };\n\n  /**\n   * 计算当前滚动高度\n   * @param column 数组\n   * @param value 选中值\n   * @returns\n   */\n  const getSelectIndex = (column: Column[], value?: string) => {\n    return value\n      ? Math.max(\n          column.findIndex((item) => {\n            if (isNaN(parseInt(item.value)) || isNaN(parseInt(value))) {\n              return value && item.value === value;\n            } else {\n              return value && parseInt(item.value) === parseInt(value);\n            }\n          }),\n          0,\n        )\n      : 0;\n  };\n\n  /**\n   * 结束滚动\n   * @param e\n   */\n  const onMomentumScrollEnd = (e: NativeSyntheticEvent<NativeScrollEvent>) => {\n    e.persist?.();\n    let contentOffset = e.nativeEvent.contentOffset;\n    const selectIndex = Math.round(contentOffset.y / itemHeight);\n    const newVal = column?.[selectIndex]?.value;\n    setLastValue(newVal);\n    onSelect(newVal, props.index);\n  };\n\n  const handleClick = (index: number) => {\n    handleScroll(index);\n  };\n\n  /**\n   * 渲染item\n   * @returns ReactNode\n   */\n  const renderItems = () => {\n    return column.map((item, index) => (\n      <TouchableNativeFeedback onPress={() => handleClick(index)} key={item.value}>\n        <View\n          style={[styles.wheel, { height: itemHeight, backgroundColor: themeColor.Bg2 }]}\n          key={item.value}\n          {...item.accessibility}\n        >\n          <Text {...item.accessibility} style={{ color: themeColor.Title, fontSize: typography.B1FontSize }}>\n            {item.label}\n          </Text>\n        </View>\n      </TouchableNativeFeedback>\n    ));\n  };\n\n  return (\n    <ScrollView\n      style={{ flex: 1 }}\n      nestedScrollEnabled\n      horizontal={false}\n      ref={(el: any) => (scrollerRef.current = el)}\n      showsHorizontalScrollIndicator={false}\n      showsVerticalScrollIndicator={false}\n      pagingEnabled={false}\n      automaticallyAdjustContentInsets={false}\n      directionalLockEnabled={true}\n      decelerationRate=\"fast\"\n      snapToInterval={itemHeight}\n      onMomentumScrollEnd={onMomentumScrollEnd}\n      testID={`wheel${props.index}`}\n      {...accessibility}\n    >\n      <View style={{ height: 2 * itemHeight, backgroundColor: themeColor.Bg2 }} />\n      {renderItems()}\n      <View style={{ height: 2 * itemHeight, backgroundColor: themeColor.Bg2 }} />\n    </ScrollView>\n  );\n};\n\nexport default Wheel;\n"],"names":["itemHeight","Wheel","props","value","_props$column","column","_props$onSelect","onSelect","_props$accessibility","accessibility","scrollerRef","useRef","themeColor","useThemeColor","_useState","useState","_useState2","_slicedToArray","lastValue","setLastValue","useEffect","idx","getSelectIndex","handleScroll","_column$idx","newVal","scrollTo","index","y","setTimeout","_scrollerRef$current","_scrollerRef$current$","current","call","animated","Math","max","findIndex","item","isNaN","parseInt","onMomentumScrollEnd","e","_e$persist","_column$selectIndex","persist","contentOffset","nativeEvent","selectIndex","round","handleClick","renderItems","map","React","createElement","TouchableNativeFeedback","onPress","key","View","_objectSpread","style","styles","wheel","height","backgroundColor","Bg2","Text","color","Title","fontSize","typography","B1FontSize","label","ScrollView","flex","nestedScrollEnabled","horizontal","ref","el","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","pagingEnabled","automaticallyAdjustContentInsets","directionalLockEnabled","decelerationRate","snapToInterval","testID","concat"],"mappings":"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"}
+{"version":3,"file":"Wheel.js","sources":["../../../../src/components/PickerView/Wheel.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from \"react\";\nimport { NativeScrollEvent, NativeSyntheticEvent, ScrollView, View, Text, TouchableNativeFeedback } from \"react-native\";\nimport { useThemeColor } from \"../ConfigProvider\";\nimport { typography } from \"@xhsreds/reds-token-next\";\nimport { RedsWheel, Column } from \"./interface/index\";\nimport styles from \"./styles\";\n\nconst itemHeight = 40;\n\nconst Wheel = (props: RedsWheel) => {\n  const { value, column = [], onSelect = () => {}, accessibility = {} } = props;\n\n  /**\n   * 滚动ref\n   */\n  const scrollerRef = useRef();\n\n  /**\n   * themeColor\n   */\n  const themeColor = useThemeColor();\n\n  /**\n   * index\n   */\n  const [index, setIndex] = useState<any>();\n\n  /**\n   * 初始化滚动高度\n   */\n  useEffect(() => {\n    value && setIndex(getSelectIndex(column, value));\n  }, [column, value]);\n\n  useEffect(() => {\n    const newVal = column?.[index]?.value;\n    scrollTo(index * itemHeight);\n    if (newVal) {\n      onSelect(newVal, props.index);\n    }\n  }, [index, props.index]);\n\n  /**\n   * 滚动ScrollView\n   * @param y 滚动距离\n   */\n  const scrollTo = (y: any) => {\n    setTimeout(() => {\n      // @ts-ignore\n      scrollerRef?.current?.scrollTo?.({\n        y,\n        animated: true,\n      });\n    });\n  };\n\n  /**\n   * 计算当前滚动高度\n   * @param column 数组\n   * @param value 选中值\n   * @returns\n   */\n  const getSelectIndex = (column: Column[], value?: string) => {\n    return value\n      ? Math.max(\n          column.findIndex((item) => {\n            if (isNaN(parseInt(item.value)) || isNaN(parseInt(value))) {\n              return value && item.value === value;\n            } else {\n              return value && parseInt(item.value) === parseInt(value);\n            }\n          }),\n          0,\n        )\n      : 0;\n  };\n\n  /**\n   * 结束滚动\n   * @param e\n   */\n  const onMomentumScrollEnd = (e: NativeSyntheticEvent<NativeScrollEvent>) => {\n    e.persist?.();\n    let contentOffset = e.nativeEvent.contentOffset;\n    const selectIndex = Math.round(contentOffset.y / itemHeight);\n    setIndex(selectIndex);\n  };\n\n  const handleClick = (index: number) => {\n    setIndex(index);\n  };\n\n  /**\n   * 渲染item\n   * @returns ReactNode\n   */\n  const renderItems = () => {\n    return column.map((item, index) => (\n      <TouchableNativeFeedback onPress={() => handleClick(index)} key={item.value}>\n        <View\n          style={[styles.wheel, { height: itemHeight, backgroundColor: themeColor.Bg2 }]}\n          key={item.value}\n          {...item.accessibility}\n        >\n          <Text {...item.accessibility} style={{ color: themeColor.Title, fontSize: typography.B1FontSize }}>\n            {item.label}\n          </Text>\n        </View>\n      </TouchableNativeFeedback>\n    ));\n  };\n\n  return (\n    <ScrollView\n      style={{ flex: 1 }}\n      nestedScrollEnabled\n      horizontal={false}\n      ref={(el: any) => (scrollerRef.current = el)}\n      showsHorizontalScrollIndicator={false}\n      showsVerticalScrollIndicator={false}\n      pagingEnabled={false}\n      automaticallyAdjustContentInsets={false}\n      directionalLockEnabled={true}\n      decelerationRate=\"fast\"\n      snapToInterval={itemHeight}\n      onMomentumScrollEnd={onMomentumScrollEnd}\n      testID={`wheel${props.index}`}\n      {...accessibility}\n    >\n      <View style={{ height: 2 * itemHeight, backgroundColor: themeColor.Bg2 }} />\n      {renderItems()}\n      <View style={{ height: 2 * itemHeight, backgroundColor: themeColor.Bg2 }} />\n    </ScrollView>\n  );\n};\n\nexport default Wheel;\n"],"names":["itemHeight","Wheel","props","value","_props$column","column","_props$onSelect","onSelect","_props$accessibility","accessibility","scrollerRef","useRef","themeColor","useThemeColor","_useState","useState","_useState2","_slicedToArray","index","setIndex","useEffect","getSelectIndex","_column$index","newVal","scrollTo","y","setTimeout","_scrollerRef$current","_scrollerRef$current$","current","call","animated","Math","max","findIndex","item","isNaN","parseInt","onMomentumScrollEnd","e","_e$persist","persist","contentOffset","nativeEvent","selectIndex","round","handleClick","renderItems","map","React","createElement","TouchableNativeFeedback","onPress","key","View","_objectSpread","style","styles","wheel","height","backgroundColor","Bg2","Text","color","Title","fontSize","typography","B1FontSize","label","ScrollView","flex","nestedScrollEnabled","horizontal","ref","el","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","pagingEnabled","automaticallyAdjustContentInsets","directionalLockEnabled","decelerationRate","snapToInterval","testID","concat"],"mappings":"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"}

package/lib/esm/components/PullRefresh/PullRefresh.js

@@ -272,8 +272,23 @@ function PullRefresh(props) {
       //@ts-ignore
       setTimeout(function () {
         animatedTo(0, function () {
+          var _viewRef$current, _animatedViewRef$curr;
           setIsPulling(false);
           updatePullState(PullState.INIT);
+          (_viewRef$current = viewRef.current) === null || _viewRef$current === void 0 || _viewRef$current.setNativeProps({
+            style: {
+              transform: [{
+                translateY: 0
+              }]
+            }
+          });
+          (_animatedViewRef$curr = animatedViewRef.current) === null || _animatedViewRef$curr === void 0 || _animatedViewRef$curr.setNativeProps({
+            style: {
+              transform: [{
+                translateY: 0
+              }]
+            }
+          });
         });
         updatePullState(PullState.FINISH);
       }, (_props$msHoldingTime2 = props === null || props === void 0 ? void 0 : props.msHoldingTime) !== null && _props$msHoldingTime2 !== void 0 ? _props$msHoldingTime2 : 1e3));
@@ -288,11 +303,10 @@ function PullRefresh(props) {
   };
   var scrollContent = useMemo(function () {
     return React.Children.map(props.children, function (child) {
-      var _props$androidRefresh, _props$androidRefresh2;
-      return /*#__PURE__*/React.cloneElement(child, _objectSpread2({
-        // 设置滚动响应频率
-        scrollEventThrottle: 1
-      }, Platform.OS === "android" && props.nativeAndroidPullRefresh ? {
+      var _originalOnScroll$_an, _props$androidRefresh, _props$androidRefresh2;
+      var originalOnScroll = child.props.onScroll;
+      var hasNativeDriver = originalOnScroll && (originalOnScroll["__isNative"] === true || (originalOnScroll === null || originalOnScroll === void 0 || (_originalOnScroll$_an = originalOnScroll._animation) === null || _originalOnScroll$_an === void 0 ? void 0 : _originalOnScroll$_an.useNativeDriver) === true);
+      var injectedProps = Platform.OS === "android" && props.nativeAndroidPullRefresh ? {
         refreshControl: /* @__PURE__ */React.createElement(RefreshControl, _objectSpread2(_objectSpread2({}, props.androidRefreshProps || {}), {}, {
           colors: (_props$androidRefresh = (_props$androidRefresh2 = props.androidRefreshProps) === null || _props$androidRefresh2 === void 0 ? void 0 : _props$androidRefresh2.colors) !== null && _props$androidRefresh !== void 0 ? _props$androidRefresh : props.androidColors,
           refreshing: !!props.isRefreshing || internalRefreshing,
@@ -313,10 +327,38 @@ function PullRefresh(props) {
           }
         })),
         onScroll: function onScroll(evt) {
-          if (child.props.onScroll && typeof child.props.onScroll === "function") {
-            child.props.onScroll(evt);
+          if (originalOnScroll && typeof originalOnScroll === "function") {
+            originalOnScroll(evt);
           }
         }
+      } : hasNativeDriver ? {
+        // When the child uses native-driver Animated.event, keep it intact to avoid crashes
+        onScroll: originalOnScroll,
+        onMomentumScrollEnd: function onMomentumScrollEnd(evt) {
+          setScrollY(evt.nativeEvent.contentOffset.y);
+          child.props.onMomentumScrollEnd && child.props.onMomentumScrollEnd(evt);
+        },
+        onScrollEndDrag: function onScrollEndDrag(evt) {
+          setScrollY(evt.nativeEvent.contentOffset.y);
+          if (pullState === PullState.LOADING && evt.nativeEvent.contentOffset.y > 0) {
+            var y = Math.max(0, pullAnimHeight - evt.nativeEvent.contentOffset.y);
+            viewRef.current && viewRef.current.setNativeProps({
+              style: {
+                transform: [{
+                  translateY: y
+                }]
+              }
+            });
+            animatedViewRef.current && animatedViewRef.current.setNativeProps({
+              style: {
+                transform: [{
+                  translateY: y
+                }]
+              }
+            });
+          }
+          child.props.onScrollEndDrag && child.props.onScrollEndDrag(evt);
+        }
       } : {
         onScroll: function onScroll(evt) {
           setScrollY(evt.nativeEvent.contentOffset.y);
@@ -337,11 +379,14 @@ function PullRefresh(props) {
               }
             });
           }
-          if (child.props.onScroll && typeof child.props.onScroll === "function") {
-            child.props.onScroll(evt);
+          if (originalOnScroll && typeof originalOnScroll === "function") {
+            originalOnScroll(evt);
           }
         }
-      }));
+      };
+      return /*#__PURE__*/React.cloneElement(child, _objectSpread2({
+        scrollEventThrottle: 1
+      }, injectedProps));
     });
   }, [pullState, props.children, pullAnimHeight, internalRefreshing, props.isRefreshing, props.nativeAndroidPullRefresh]);
   var content = useMemo(function () {