@xhsreds/reds-rn-next 0.10.1-beta202511201716 → 0.10.1-fix-pull-refresh-animated202511211152

package/lib/esm/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":";;;;;;;;;;;;;;AAQMA,IAAAA,SAAY,gBAAAC,UAAA,CAAW,UAACC,KAAA,EAAqBC,GAAQ,EAAA;AACnD,EAAA,IAAAC,IAAA,GAoBFF,SAAS,EAAC;IAnBZG,IAAA,GAAAD,IAAA,CAAAC,IAAA;IACAC,UAAA,GAAAF,IAAA,CAAAE,UAAA;IAAAC,cAAA,GAAAH,IAAA,CACAI,SAAY;AAAZA,IAAAA,SAAY,GAAAD,cAAA,KAAA,KAAA,CAAA,GAAA,KAAA,GAAAA,cAAA;IACZE,SAAA,GAAAL,IAAA,CAAAK,SAAA;IAAAC,aAAA,GAAAN,IAAA,CACAO,QAAW;AAAXA,IAAAA,QAAW,GAAAD,aAAA,KAAA,KAAA,CAAA,GAAA,KAAA,GAAAA,aAAA;IACXE,QAAA,GAAAR,IAAA,CAAAQ,QAAA;IAAAC,cAAA,GAAAT,IAAA,CACAU,SAAY;AAAZA,IAAAA,SAAY,GAAAD,cAAA,KAAA,KAAA,CAAA,GAAA,KAAA,GAAAA,cAAA;IAAAE,cAAA,GAAAX,IAAA,CACZY,SAAY;AAAZA,IAAAA,SAAY,GAAAD,cAAA,KAAA,KAAA,CAAA,GAAA,KAAA,GAAAA,cAAA;IACZE,WAAA,GAAAb,IAAA,CAAAa,WAAA;IAAAC,SAAA,GAAAd,IAAA,CACAe,IAAO;AAAPA,IAAAA,IAAO,GAAAD,SAAA,KAAA,KAAA,CAAA,GAAA,CAAA,GAAAA,SAAA;IACPE,OAAA,GAAAhB,IAAA,CAAAgB,OAAA;IACAC,MAAA,GAAAjB,IAAA,CAAAiB,MAAA;IACAC,QAAA,GAAAlB,IAAA,CAAAkB,QAAA;IACAC,OAAA,GAAAnB,IAAA,CAAAmB,OAAA;IAAAC,UAAA,GAAApB,IAAA,CACAqB;AAAAA,IAAAA,gCAAQ,EAAC,GAAAD,UAAA;IAAAE,mBAAA,GAAAtB,IAAA,CACTuB;AAAAA,IAAAA,kDAAiB,EAAC,GAAAD,mBAAA;IAClBE,MAAA,GAAAxB,IAAA,CAAAwB,MAAA;IACAC,YAAA,GAAAzB,IAAA,CAAAyB,YAAA;IACAC,oBAAA,GAAA1B,IAAA,CAAA0B,oBAAA,CAAA;EAEFC,UAAA,CAAW,UAAU,CAAA,CAAA;EACrB,IAAMC,MAAS,GAAAC,YAAA,CAAatB,QAAU,EAAAkB,YAAA,IAAgB,UAAU,CAAA,CAAA;AAChE,EAAA,IAAAK,SAAA,GAA8BC,SAASrB,SAAS,CAAA;IAAAsB,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAzCI,IAAAA,OAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAASG,IAAAA,UAAU,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAC1B,EAAA,IAAAI,UAAA,GAA0BL,QAAA,CAAS7B,cAAc,EAAE,CAAA;IAAAmC,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAA5CE,IAAAA,KAAO,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAAE,IAAAA,QAAQ,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AACtB,EAAA,IAAAG,UAAA,GAA4DT,SAAS,CAAC,CAAA;IAAAU,UAAA,GAAAR,cAAA,CAAAO,UAAA,EAAA,CAAA,CAAA;AAA/DE,IAAAA,sBAAA,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAwBE,IAAAA,yBAAyB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AACxD,EAAA,IAAAG,UAAA,GAAkCb,SAAS,KAAK,CAAA;IAAAc,UAAA,GAAAZ,cAAA,CAAAW,UAAA,EAAA,CAAA,CAAA;AAAzCE,IAAAA,SAAA,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAWE,IAAAA,YAAY,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAC9B,EAAA,IAAAG,UAAA,GAA4CjB,SAAS,KAAK,CAAA;IAAAkB,UAAA,GAAAhB,cAAA,CAAAe,UAAA,EAAA,CAAA,CAAA;AAAnDE,IAAAA,cAAA,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAgBE,IAAAA,iBAAiB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAClC,EAAA,IAAAG,QAAA,GAAWC,OAAkB,IAAI,CAAA,CAAA;AACvC,EAAA,IAAMC,aAAaC,aAAc,EAAA,CAAA;AAEjC,EAAyBC,WAAA,CACvB,UAAClB,MAAkB,EAAA;IACjB,IAAMmB,WAAc,GAAAC,KAAA,CAAMpB,MAAS,IAAA,EAAE,CAAE,CAAAqB,MAAA,CAAA;IACvC,IAAI,OAAOtD,SAAA,KAAc,QAAY,IAAAoD,WAAA,GAAcpD,SAAW,EAAA;MAC5D,IAAMuD,MAAStB,GAAAA,MAAAA,CAAAA;AACX,MAAA,IAAAsB,MAAA,IAAUlB,sBAA2B,KAAA,CAACrC,SAAW,EAAA;AAC5C,QAAA,OAAAuD,MAAA,CAAA;AACT,OAAA;MACA,OAAOF,KAAM,CAAAG,MAAA,CAAOvB,MAAO,EAAA,CAAA,EAAG,CAACjC,SAAS,CAAA,CAAA;AAC1C,KAAA;AACOiC,IAAAA,OAAAA,MAAAA,CAAAA;AACT,GAAA,EACA,CAACjC,SAAS,CACZ,EAAA;EAEAyD,mBAAA,CAAoB/D,KAAK,YAAA;IAAA,OAAO;AAC9BgE,MAAAA,YAAc,EAAAX,QAAAA;KACd,CAAA;AAAA,GAAA,CAAA,CAAA;AAEF,EAAA,IAAMY,WAAc,GAAAR,WAAA,CAClB,UAACS,OAAoB,EAAA;AAEnB/C,IAAAA,QAAA,IAAYA,SAAS+C,OAAO,CAAA,CAAA;IAC5B1B,QAAA,CAAS0B,OAAO,CAAA,CAAA;AAClB,GAAA,EACA,CAAC/C,QAAQ,CACX,CAAA,CAAA;AAEA,EAAA,IAAMgD,gBAAmB,GAAAV,WAAA,CACvB,UAAClB,MAAkB,EAAA;AACX,IAAA,IAAA6B,aAAA,GAAgBrE,MAAMsE,aAAkB,KAAA,MAAA,GAAS9B,OAAM+B,OAAQ,CAAA,KAAA,EAAO,EAAE,CAAI/B,GAAAA,MAAAA,CAAAA;IAClF0B,WAAA,CAAYG,aAAa,CAAA,CAAA;AAErB,IAAA,IAAAG,QAAA,CAASC,OAAO,KAAS,IAAAlE,SAAA,IAAaiC,OAAMqB,MAAU,IAAAtD,SAAA,IAAa+C,SAASoB,OAAS,EAAA;AAEvFC,MAAAA,qBAAA,CAAsB,YAAM;AAAA,QAAA,IAAAC,iBAAA,CAAA;QAC1B,CAAAA,iBAAA,GAAAtB,QAAA,CAASoB,2CAATE,KAAAA,CAAAA,IAAAA,iBAAA,CAAkBC,cAAe,CAAA;AAC/BC,UAAAA,SAAW,EAAA;AAAEC,YAAAA,KAAO,EAAAxE,SAAA;AAAWyE,YAAAA,KAAKzE,SAAAA;AAAU,WAAA;AAChD,SAAC,CAAA,CAAA;AACH,OAAC,CAAA,CAAA;AACH,KAAA;AACF,GAAA,EACA,CAACA,WAAW2D,WAAW,CACzB,CAAA,CAAA;AAEM,EAAA,IAAAe,WAAA,GAAcvB,YAAY,YAAM;IACpCjB,QAAA,CAAS,EAAE,CAAA,CAAA;IACXyB,WAAA,CAAY,EAAE,CAAA,CAAA;AACd7C,IAAAA,OAAA,IAAWA,QAAQmB,KAAK,CAAA,CAAA;AAC1B,GAAA,EAAG,CAACnB,OAAO,CAAC,CAAA,CAAA;AAEN,EAAA,IAAA6D,WAAA,GAAcxB,YAAY,YAAM;AACpC,IAAA,IAAIhD,QAAU,EAAA;AAAA,MAAA,IAAAyE,kBAAA,CAAA;AACZ,MAAA,CAAAA,kBAAA,GAAA7B,QAAA,CAASoB,sDAATS,kBAAA,CAAkBC,IAAK,EAAA,CAAA;AACzB,KAAA;IACA/C,UAAA,CAAW,IAAI,CAAA,CAAA;AACfnB,IAAAA,OAAA,IAAWA,QAAQsB,KAAK,CAAA,CAAA;AAC1B,GAAG,EAAA,CAACtB,OAAS,EAAAR,QAAQ,CAAC,CAAA,CAAA;AAEhB,EAAA,IAAA2E,UAAA,GAAa3B,YAAY,YAAM;IACnCrB,UAAA,CAAW,KAAK,CAAA,CAAA;IAChB,IAAI,CAAC3B,QAAU,EAAA;AACbS,MAAAA,MAAA,IAAUA,OAAOqB,KAAK,CAAA,CAAA;AACxB,KAAA;AACF,GAAG,EAAA,CAAC9B,QAAU,EAAAS,MAAM,CAAC,CAAA,CAAA;AAErBmE,EAAAA,SAAA,CAAU,YAAM;AACd7C,IAAAA,QAAA,CAASrC,cAAc,EAAE,CAAA,CAAA;AAC3B,GAAA,EAAG,CAACA,UAAU,CAAC,CAAA,CAAA;AAEfkF,EAAAA,SAAA,CAAU,YAAM;IACDrC,YAAA,CAAA3C,SAAA,IAAakC,KAAM,CAAAqB,MAAA,GAAS,CAAC,CAAA,CAAA;AAC5C,GAAG,EAAA,CAACvD,SAAW,EAAAkC,KAAK,CAAC,CAAA,CAAA;AAErB8C,EAAAA,SAAA,CAAU,YAAM;IACdjD,UAAA,CAAWzB,SAAS,CAAA,CAAA;AACtB,GAAA,EAAG,CAACA,SAAS,CAAC,CAAA,CAAA;AAEd0E,EAAAA,SAAA,CAAU,YAAM;AAEdzC,IAAAA,yBAAA,CAA0BL,MAAMqB,MAAM,CAAA,CAAA;AACxC,GAAA,EAAG,CAACrB,KAAK,CAAC,CAAA,CAAA;AAEV8C,EAAAA,SAAA,CAAU,YAAM;AACdjC,IAAAA,iBAAA,CAAkBL,aAAalC,SAAS,CAAA,CAAA;AAC1C,GAAG,EAAA,CAACkC,SAAW,EAAAlC,SAAS,CAAC,CAAA,CAAA;AAEnB,EAAA,IAAAyE,cAAA,GAAiBC,QAAQ,YAAM;AACnC,IAAA,IAAMC,QAAW,GAAA;MACfC,SAASlC,UAAW,CAAAmC,QAAA;MACpBC,QAAQpC,UAAW,CAAAqC,KAAA;MACnBC,OAAOtC,UAAW,CAAAuC,EAAAA;KACpB,CAAA;IACA,OAAON,SAAS/D,MAAO,CAAA,CAAA;AACzB,GAAA,EAAG,CAACA,MAAM,CAAC,CAAA,CAAA;AAEX,EAAA,IAAMsE,cAAiB,GAAA,SAAjBA,cAAiBA,CAAAC,KAAA,EAA0B;AAAA,IAAA,IAAvBC,WAAA,GAAAD,KAAA,CAAAC,WAAA,CAAA;AACpB,IAAA,IAAAA,WAAA,CAAYC,QAAQ,OAAS,EAAA;AAC3B,MAAA,IAAAnG,KAAA,CAAMsE,kBAAkB,MAAQ,EAAA;QAClC8B,QAAA,CAASC,OAAQ,EAAA,CAAA;AACnB,OAAA;AACF,KAAA;GACF,CAAA;AAEA,EAAA,sBACGC,KAAA,CAAAC,aAAA,CAAAC,IAAA,EAAA;AAAKC,IAAAA,MAAO,EAAA,SAAA;AAAUlF,IAAAA,KAAO,EAAA,CAACO,MAAO,CAAA4E,OAAA,EAAS;AAAEC,MAAAA,eAAA,EAAiBpB,cAAAA;AAAe,KAAA,EAAG9D,cAAc,CAAA;AAChG,GAAA,iBAAA6E,KAAA,CAAAC,aAAA,CAACK,SAAA,EAAA;AACCH,IAAAA,MAAO,EAAA,YAAA;AACPxG,IAAAA,GAAK,EAAAqD,QAAA;AACL/B,IAAAA,KAAA,EAAO,CAACO,MAAA,CAAO+E,KAAO,EAAA;MAAEC,SAAW,EAAA7F,IAAA,GAAO,EAAI;AAAA8F,MAAAA,MAAA,EAAQ,MAAA;KAAO,EAAGxF,KAAK,CAAA;AACrEiB,IAAAA,KAAA,EAAAA,KAAA;AACAwE,IAAAA,YAAc,EAAA5C,gBAAA;AACdlD,IAAAA,OAAS,EAAAgE,WAAA;AACT/D,IAAAA,MAAQ,EAAAkE,UAAA;AACR4B,IAAAA,QAAA,EAAU,CAACvG,QAAA,IAAY,CAACD,QAAA;AACxByG,IAAAA,YAAc,EAAA/G,IAAA;AACdY,IAAAA,WAAA,EAAAA,WAAA;AACAoG,IAAAA,SAAS,EAAA,IAAA;IACT7C,eAAetE,KAAM,CAAAsE,aAAA;AACrB8C,IAAAA,SAAW,EAAAhF,OAAA;AACX7B,IAAAA,SAAA,EAAAA,SAAA;AACA8G,IAAAA,UAAY,EAAArB,cAAA;IACZsB,iBAAiBtH,KAAM,CAAAsH,eAAA;AACvBC,IAAAA,cAAA,EAAgBzF,OAAO0F,mBAAoB,CAAAC,KAAA;AAC3C7F,IAAAA,oBAAA,EAAuBA,oBAAwB,IAAAE,MAAA,CAAO4F,gBAAiB,CAAAD,KAAAA;GACzE,CACC,EAAArE,cAAA,mBACEkD,KAAA,CAAAC,aAAA,CAAAC,IAAA,EAAA;AAAKjF,IAAAA,KAAO,EAAA,CAACO,MAAO,CAAA6F,gBAAgB,CAAG;AAAAlB,IAAAA,MAAA,EAAO,aAAA;GAC5C,EAAA3F,SAAA,IAAaP,SACZ,mBAAA+F,KAAA,CAAAC,aAAA,CAACC,IAAK,EAAA;IAAAjF,KAAA,EAAOO,MAAO,CAAA8F,SAAAA;AAAA,GAAA,iBACjBtB,KAAA,CAAAC,aAAA,CAAAsB,IAAA,EAAA;IAAKtG,KAAO,EAAAO,MAAA,CAAOgG,KAAAA;AAAQ,GAAA,EAAAC,EAAAA,CAAAA,MAAA,CAAGC,IAAK,CAAAC,GAAA,CAAIrF,sBAAwB,EAAArC,SAAS,CAAC,EAAA,GAAA,CAAA,CAAAwH,MAAA,CAAIxH,SAAS,CAAG,CAC5F,CAAA,EAEDyC,SAAa,IAAAJ,sBAAA,IAA0BR,OACtC,mBAAAkE,KAAA,CAAAC,aAAA,CAACC,IAAK,EAAA;IAAAjF,KAAA,EAAOO,MAAO,CAAA8F,SAAAA;AAAA,GAAA,iBACjBtB,KAAA,CAAAC,aAAA,CAAA2B,wBAAA,EAAA;AAAyBC,IAAAA,OAAS,EAAAlD,WAAAA;AAAA,GAAA,iBAChCqB,KAAA,CAAAC,aAAA,CAAAC,IAAA,EAAA;IAAKjF,KAAO,EAAAO,MAAA,CAAOsG,kBAAAA;AAClB,GAAA,iBAAA9B,KAAA,CAAAC,aAAA,CAACsB,IAAK,EAAA;IAAAtG,KAAA,EAAOO,MAAO,CAAAuG,SAAAA;AAAA,GAAA,EAAW,cAAE,CACnC,CACF,CACF,CAEJ,CAEJ,CAAA,CAAA;AAEJ,CAAC,EAAA;AAGDvI,SAAA,CAAUwI,YAAe,GAAAC,oBAAA;;;;"}
+{"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/src/components/Slider/Slider.d.ts

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

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

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

package/package.json

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

package/src/components/PullRefresh/PullRefresh.tsx

@@ -296,11 +296,14 @@ export default function PullRefresh(props: RedsPullRefresh) {
 
   // 重写ScrollView的onScroll事件（自定义：用于手势门控/头部位置; Android 原生：注入 RefreshControl）
   const scrollContent = useMemo(() => {
-    return React.Children.map(props.children, (child: any) =>
-      React.cloneElement(child, {
-        // 设置滚动响应频率
-        scrollEventThrottle: 1,
-        ...(Platform.OS === "android" && props.nativeAndroidPullRefresh
+    return React.Children.map(props.children, (child: any) => {
+      const originalOnScroll = child.props.onScroll;
+      const hasNativeDriver =
+        originalOnScroll &&
+        (originalOnScroll["__isNative"] === true || (originalOnScroll as any)?._animation?.useNativeDriver === true);
+
+      const injectedProps =
+        Platform.OS === "android" && props.nativeAndroidPullRefresh
           ? {
               refreshControl: (
                 <RNRefreshControl
@@ -326,37 +329,70 @@ export default function PullRefresh(props: RedsPullRefresh) {
                 />
               ),
               onScroll: (evt: any) => {
-                if (child.props.onScroll && typeof child.props.onScroll === "function") {
-                  child.props.onScroll(evt);
+                if (originalOnScroll && typeof originalOnScroll === "function") {
+                  originalOnScroll(evt);
                 }
               },
             }
-          : {
-              onScroll: (evt: any) => {
-                setScrollY(evt.nativeEvent.contentOffset.y);
-                // iOS下拉刷新Loading时，ScrollView向上滑动的时候，refreshControl部分同样上滑
-                if (pullState === PullState.LOADING && evt.nativeEvent.contentOffset.y > 0) {
-                  const 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 }],
-                      },
-                    });
-                }
-                if (child.props.onScroll && typeof child.props.onScroll === "function") {
-                  child.props.onScroll(evt);
-                }
-              },
-            }),
-      }),
-    );
+          : hasNativeDriver
+            ? {
+                // When the child uses native-driver Animated.event, keep it intact to avoid crashes
+                onScroll: originalOnScroll,
+                onMomentumScrollEnd: (evt: any) => {
+                  setScrollY(evt.nativeEvent.contentOffset.y);
+                  child.props.onMomentumScrollEnd && child.props.onMomentumScrollEnd(evt);
+                },
+                onScrollEndDrag: (evt: any) => {
+                  setScrollY(evt.nativeEvent.contentOffset.y);
+                  // Keep header position in loading state
+                  if (pullState === PullState.LOADING && evt.nativeEvent.contentOffset.y > 0) {
+                    const 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: (evt: any) => {
+                  setScrollY(evt.nativeEvent.contentOffset.y);
+                  // iOS下拉刷新Loading时，ScrollView向上滑动的时候，refreshControl部分同样上滑
+                  if (pullState === PullState.LOADING && evt.nativeEvent.contentOffset.y > 0) {
+                    const 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 }],
+                        },
+                      });
+                  }
+                  if (originalOnScroll && typeof originalOnScroll === "function") {
+                    originalOnScroll(evt);
+                  }
+                },
+              };
+
+      return React.cloneElement(child, {
+        scrollEventThrottle: 1,
+        ...injectedProps,
+      });
+    });
   }, [
     pullState,
     props.children,

package/src/components/Radio/Radio.tsx

@@ -64,9 +64,9 @@ const Radio = (props: RedsRadio) => {
   const labelStyle = getLabelStyle(disabled || parent?.disabled, size, parent?.direction);
 
   const iconSizeMap: Record<"small" | "medium" | "large", number> = {
-    small: 12,
-    medium: 16,
-    large: 20,
+    small: 16,
+    medium: 20,
+    large: 24,
   };
 
   const rightStyle = getRightIconStyle(size);

package/src/components/Radio/styles.ts

@@ -2,9 +2,9 @@ import { StyleSheet, ViewStyle, TextStyle, DimensionValue } from "react-native";
 import { useThemeColor } from "../ConfigProvider";
 import { typography } from "@xhs/reds-token-next";
 const iconSizeMap: Record<"small" | "medium" | "large" | string, number> = {
-  small: 12,
-  medium: 16,
-  large: 20,
+  small: typography.B1FontSize,
+  medium: typography.H3FontSize,
+  large: typography.H2FontSize,
 };
 const fontSizeMap: Record<"small" | "medium" | "large", number> = {
   small: 12,
@@ -43,6 +43,7 @@ export const getContainerStyle = (direction?: string | undefined, position?: "le
     alignItems: "center",
     justifyContent: "flex-start",
     backgroundColor: direction === "vertical" ? themeColor.Bg : undefined,
+    paddingHorizontal: 16,
   };
 };
 
@@ -98,6 +99,7 @@ export const getLabelStyle = (
 
   return {
     color: disabled ? themeColor.Disabled : themeColor.Title,
+    lineHeight: iconSizeMap[size],
     fontSize: fontSizeMap[size],
     marginRight: direction === "horizontal" ? 8 : 0,
   };

package/src/components/Sheets/AnimatedSheets.tsx

@@ -402,127 +402,123 @@ const AnimatedSheets = forwardRef((props: RedsSheets, ref) => {
       ) : (
         <></>
       )}
-      {_visible ? (
-        <Animated.View
-          testID="Sheets"
-          style={[
-            styles.picker,
-            { backgroundColor: themeColor.Bg2 },
-            {
-              height: sheetsHeight,
-              transform: [{ translateY }],
-            },
-            { zIndex: props.zIndex },
-            props.sheetsStyle,
-          ]}
-        >
-          {props.header ? <View onLayout={handleLabelLayout}>{props.header}</View> : <></>}
-          {/** normal */}
-          {showLabel && !props.header ? (
-            <View
-              style={[
-                props.headlerLayout === "center" ? styles.labelContainer : styles.leftLabelContainer,
-                { backgroundColor: themeColor.Bg2 },
-                props.headerStyle,
-              ]}
-              onLayout={handleLabelLayout}
-            >
-              {!cancel ? (
-                props.headlerLayout === "center" ? (
-                  <Block />
-                ) : (
-                  <></>
-                )
-              ) : (
-                <TouchableOpacity onPress={handleCancel} activeOpacity={1}>
-                  {cancelType === SheetsActionType.text ? (
-                    <Text style={[styles.cancel, { color: themeColor.Title }]} testID="cancel">
-                      {cancelText || cancelKey}
-                    </Text>
-                  ) : (
-                    iconWrapper("cancel")
-                  )}
-                </TouchableOpacity>
-              )}
-              {label ? (
-                <Text style={[styles.label, { color: themeColor.Title }]}>
-                  {label}
-                  {showMask}
-                </Text>
+      <Animated.View
+        testID="Sheets"
+        style={[
+          styles.picker,
+          { backgroundColor: themeColor.Bg2 },
+          {
+            height: sheetsHeight,
+            transform: [{ translateY }],
+          },
+          { zIndex: props.zIndex },
+          props.sheetsStyle,
+        ]}
+      >
+        {props.header ? <View onLayout={handleLabelLayout}>{props.header}</View> : <></>}
+        {/** normal */}
+        {showLabel && !props.header ? (
+          <View
+            style={[
+              props.headlerLayout === "center" ? styles.labelContainer : styles.leftLabelContainer,
+              { backgroundColor: themeColor.Bg2 },
+              props.headerStyle,
+            ]}
+            onLayout={handleLabelLayout}
+          >
+            {!cancel ? (
+              props.headlerLayout === "center" ? (
+                <Block />
               ) : (
                 <></>
-              )}
-              {!close ? (
-                props.headlerLayout === "center" ? (
-                  <Block />
-                ) : (
-                  <></>
-                )
-              ) : (
-                <TouchableOpacity onPress={handleConfirm} activeOpacity={1}>
-                  {closeType === SheetsActionType.text ? (
-                    <View>
-                      <Text
-                        style={[
-                          styles.confirm,
-                          { color: themeColor.Primary },
-                          { elevation: 0, shadowColor: "transparent" },
-                        ]}
-                        testID="close"
-                      >
-                        {closeText || sureKey}
-                      </Text>
-                    </View>
-                  ) : (
-                    iconWrapper("confirm")
-                  )}
-                </TouchableOpacity>
-              )}
-            </View>
-          ) : (
-            <></>
-          )}
-
-          {/** 拖拽按钮 */}
-          {sheetsType === SheetsType.dragable && !props.header ? (
-            <Animated.View style={[styles.dragableContainer]} {...panResponder.panHandlers} testID={"draggable"}>
-              <View style={[styles.dragable, { backgroundColor: themeColor.Fill3 }]} />
-            </Animated.View>
-          ) : (
-            <></>
-          )}
-
-          <View onLayout={handleLayout}>{children}</View>
-
-          {/** action */}
-          {showAction ? (
-            <View style={[styles.actionContainer]} onLayout={handleActionLayout}>
-              {cancel ? (
-                <View style={styles.action}>
-                  <Button block onClick={handleCancel}>
+              )
+            ) : (
+              <TouchableOpacity onPress={handleCancel} activeOpacity={1}>
+                {cancelType === SheetsActionType.text ? (
+                  <Text style={[styles.cancel, { color: themeColor.Title }]} testID="cancel">
                     {cancelText || cancelKey}
-                  </Button>
-                </View>
-              ) : (
-                <></>
-              )}
-              {close ? (
-                <View style={styles.action}>
-                  <Button block onClick={handleConfirm} type="primary">
-                    {closeText || sureKey}
-                  </Button>
-                </View>
+                  </Text>
+                ) : (
+                  iconWrapper("cancel")
+                )}
+              </TouchableOpacity>
+            )}
+            {label ? (
+              <Text style={[styles.label, { color: themeColor.Title }]}>
+                {label}
+                {showMask}
+              </Text>
+            ) : (
+              <></>
+            )}
+            {!close ? (
+              props.headlerLayout === "center" ? (
+                <Block />
               ) : (
                 <></>
-              )}
-            </View>
-          ) : (
-            <></>
-          )}
-        </Animated.View>
-      ) : (
-        <></>
-      )}
+              )
+            ) : (
+              <TouchableOpacity onPress={handleConfirm} activeOpacity={1}>
+                {closeType === SheetsActionType.text ? (
+                  <View>
+                    <Text
+                      style={[
+                        styles.confirm,
+                        { color: themeColor.Primary },
+                        { elevation: 0, shadowColor: "transparent" },
+                      ]}
+                      testID="close"
+                    >
+                      {closeText || sureKey}
+                    </Text>
+                  </View>
+                ) : (
+                  iconWrapper("confirm")
+                )}
+              </TouchableOpacity>
+            )}
+          </View>
+        ) : (
+          <></>
+        )}
+
+        {/** 拖拽按钮 */}
+        {sheetsType === SheetsType.dragable && !props.header ? (
+          <Animated.View style={[styles.dragableContainer]} {...panResponder.panHandlers} testID={"draggable"}>
+            <View style={[styles.dragable, { backgroundColor: themeColor.Fill3 }]} />
+          </Animated.View>
+        ) : (
+          <></>
+        )}
+
+        <View onLayout={handleLayout}>{children}</View>
+
+        {/** action */}
+        {showAction ? (
+          <View style={[styles.actionContainer]} onLayout={handleActionLayout}>
+            {cancel ? (
+              <View style={styles.action}>
+                <Button block onClick={handleCancel}>
+                  {cancelText || cancelKey}
+                </Button>
+              </View>
+            ) : (
+              <></>
+            )}
+            {close ? (
+              <View style={styles.action}>
+                <Button block onClick={handleConfirm} type="primary">
+                  {closeText || sureKey}
+                </Button>
+              </View>
+            ) : (
+              <></>
+            )}
+          </View>
+        ) : (
+          <></>
+        )}
+      </Animated.View>
     </>
   );
 });