@xhsreds/reds-rn-next 0.10.1-beta202512022142 → 0.10.1-feat-sheets-anim202512041203

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback } from \"react\";\nimport {\n  View,\n  TouchableWithoutFeedback,\n  Animated,\n  StyleSheet,\n  Dimensions,\n  GestureResponderEvent,\n  PanResponder,\n  LayoutChangeEvent,\n  PanResponderGestureState,\n} from \"react-native\";\n\nimport { RedsSlider, SliderDefaultProps } from \"./interface/index\";\nimport styles from \"./styles\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\n\nconst Slider = ({\n  defaultValue,\n  min = 0,\n  max = 100,\n  initalValue = 0,\n  onValueChange,\n  dotStyle = {},\n  step = 1,\n}: RedsSlider) => {\n  useMounted(\"Slider\");\n  const [sliderWidth, setSliderWidth] = useState(Dimensions.get(\"window\").width);\n  const [value, setValue] = useState(initalValue);\n\n  if (max < min) {\n    return;\n  }\n  if (value < min || value > max) {\n    return;\n  }\n\n  // 添加一个函数来计算最接近的step值\n  const getSteppedValue = useCallback(\n    (rawValue: number) => {\n      const steppedValue = Math.round((rawValue - min) / step) * step + min;\n      return Math.max(min, Math.min(max, steppedValue));\n    },\n    [min, max, step],\n  );\n\n  const animatedValue = useRef(new Animated.Value((initalValue * sliderWidth) / (max - min))).current;\n\n  const animatedThumbValue = useRef(\n    new Animated.Value(\n      (initalValue * sliderWidth) / (max - min) > 0\n        ? (initalValue * sliderWidth) / (max - min) - 8\n        : (initalValue * sliderWidth) / (max - min),\n    ),\n  ).current;\n\n  useEffect(() => {\n    const handleOrientationChange = () => {\n      setSliderWidth(Dimensions.get(\"window\").width);\n    };\n\n    const subscription = Dimensions.addEventListener(\"change\", handleOrientationChange);\n    return () => {\n      subscription.remove();\n    };\n  }, []);\n\n  // 可以根据需要调整的滑块高度\n  const hanleValueUpdate = useCallback(\n    (gestureState: PanResponderGestureState) => {\n      // 计算原始值\n      const rawValue = Math.max(min, Math.min(max, (gestureState.dx / sliderWidth) * (max - min) + initalValue));\n      // 根据step计算实际值\n      const steppedValue = getSteppedValue(rawValue);\n\n      setValue(steppedValue);\n      animatedValue.setValue((steppedValue * sliderWidth) / (max - min));\n      animatedThumbValue.setValue(\n        (steppedValue * sliderWidth) / (max - min) > 0\n          ? (steppedValue * sliderWidth) / (max - min) - 8\n          : (steppedValue * sliderWidth) / (max - min),\n      );\n\n      if (onValueChange) {\n        onValueChange(steppedValue);\n      }\n    },\n    [min, max, sliderWidth, initalValue, step, getSteppedValue, onValueChange],\n  );\n\n  // 添加点击轨道跳转功能（可选）\n  const handleTrackPress = useCallback(\n    (event: GestureResponderEvent) => {\n      const { locationX } = event.nativeEvent;\n      const rawValue = (locationX / sliderWidth) * (max - min) + min;\n      const steppedValue = getSteppedValue(rawValue);\n\n      setValue(steppedValue);\n\n      // 使用动画过渡到新位置\n      Animated.timing(animatedValue, {\n        toValue: (steppedValue * sliderWidth) / (max - min),\n        duration: 200,\n        useNativeDriver: false,\n      }).start();\n\n      Animated.timing(animatedThumbValue, {\n        toValue:\n          (steppedValue * sliderWidth) / (max - min) > 0\n            ? (steppedValue * sliderWidth) / (max - min) - 8\n            : (steppedValue * sliderWidth) / (max - min),\n        duration: 200,\n        useNativeDriver: false,\n      }).start();\n\n      if (onValueChange) {\n        onValueChange(steppedValue);\n      }\n    },\n    [sliderWidth, min, max, getSteppedValue, onValueChange, animatedValue, animatedThumbValue],\n  );\n\n  const handleLayout = (event: LayoutChangeEvent) => {\n    setSliderWidth(event.nativeEvent.layout.width);\n  };\n\n  const panResponder = useMemo(\n    () =>\n      PanResponder.create({\n        onStartShouldSetPanResponder: () => true,\n        onMoveShouldSetPanResponder: () => true,\n        onPanResponderGrant: () => true,\n        onPanResponderRelease: () => true,\n        onPanResponderTerminate: () => {},\n        onPanResponderMove: (evt, gestureState) => {\n          hanleValueUpdate(gestureState);\n        },\n      }),\n    [hanleValueUpdate],\n  );\n\n  const styles = StyleSheet.create({\n    sliderContainer: {\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n    },\n    trackContainer: {\n      width: \"100%\",\n      height: 4,\n      backgroundColor: \"rgba(48, 48, 52, 0.20)\",\n      borderRadius: 2,\n    },\n    coloredTrack: {\n      height: 4,\n      backgroundColor: \"#FF2442\",\n      borderRadius: 2,\n    },\n    thumbButton: {\n      width: 16,\n      height: 16,\n      position: \"absolute\",\n      top: -8,\n      borderRadius: 10,\n      backgroundColor: \"#FFF\",\n      shadowColor: \"rgba(0, 0, 0, 0.20)\",\n      shadowOffset: { width: 0, height: 1 },\n      shadowOpacity: 1,\n      shadowRadius: 4,\n      //Android\n      elevation: 2,\n    },\n  });\n\n  return (\n    <View style={styles.sliderContainer}>\n      <View style={styles.trackContainer} onLayout={handleLayout}>\n        {/* 添加可点击的轨道 */}\n        <TouchableWithoutFeedback onPress={handleTrackPress}>\n          <View style={{ position: \"absolute\", width: \"100%\", height: 4 }} />\n        </TouchableWithoutFeedback>\n\n        <Animated.View style={[styles.coloredTrack, { width: animatedValue }]} />\n        <Animated.View\n          style={[styles.thumbButton, { transform: [{ translateX: animatedThumbValue }] }, dotStyle]}\n          {...panResponder.panHandlers}\n          hitSlop={{ top: 20, bottom: 20, left: 20, right: 20 }}\n        />\n      </View>\n    </View>\n  );\n};\n\nSlider.defaultProps = SliderDefaultProps;\nexport default Slider;\n"],"names":["Slider","_ref","defaultValue","_ref$min","min","_ref$max","max","_ref$initalValue","initalValue","onValueChange","_ref$dotStyle","dotStyle","_ref$step","step","useMounted","_useState","useState","Dimensions","get","width","_useState2","_slicedToArray","sliderWidth","setSliderWidth","_useState3","_useState4","value","setValue","getSteppedValue","useCallback","rawValue","steppedValue","Math","round","animatedValue","useRef","Animated","Value","current","animatedThumbValue","useEffect","handleOrientationChange","subscription","addEventListener","remove","hanleValueUpdate","gestureState","dx","handleTrackPress","event","locationX","nativeEvent","timing","toValue","duration","useNativeDriver","start","handleLayout","layout","panResponder","useMemo","PanResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","onPanResponderRelease","onPanResponderTerminate","onPanResponderMove","evt","styles","StyleSheet","sliderContainer","flexDirection","alignItems","justifyContent","trackContainer","height","backgroundColor","borderRadius","coloredTrack","thumbButton","position","top","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","View","style","React","createElement","onLayout","TouchableWithoutFeedback","onPress","_objectSpread","transform","translateX","panHandlers","hitSlop","bottom","left","right","defaultProps","SliderDefaultProps"],"mappings":"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"}
+{"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback } from \"react\";\nimport {\n  View,\n  TouchableWithoutFeedback,\n  Animated,\n  StyleSheet,\n  Dimensions,\n  GestureResponderEvent,\n  PanResponder,\n  LayoutChangeEvent,\n  PanResponderGestureState,\n} from \"react-native\";\n\nimport { RedsSlider, SliderDefaultProps } from \"./interface/index\";\nimport styles from \"./styles\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\n\nconst Slider = ({ defaultValue, min = 0, max = 100, initalValue = 0, onValueChange, dotStyle = {} }: RedsSlider) => {\n  useMounted(\"Slider\");\n  const [panResponder, setPanResponder] = useState(PanResponder.create({}));\n  const [sliderWidth, setSliderWidth] = useState(Dimensions.get(\"window\").width * 0.8);\n  const [value, setValue] = useState(initalValue);\n\n  if (max < min) {\n    return;\n  }\n  if (value < min || value > max) {\n    return;\n  }\n\n  const thumbPosition = (value / (max - min)) * sliderWidth;\n  const step = 1;\n  const animatedValue = useRef(new Animated.Value((initalValue * sliderWidth) / (max - min))).current;\n  useEffect(() => {\n    const handleOrientationChange = () => {\n      setSliderWidth(Dimensions.get(\"window\").width * 0.8);\n    };\n\n    const subscription = Dimensions.addEventListener(\"change\", handleOrientationChange);\n    createPanResponder();\n    return () => {\n      subscription.remove();\n      //Dimensions.removeEventListener(\"change\", handleOrientationChange);\n    };\n  }, []);\n\n  // 可以根据需要调整的滑块高度\n  const hanleValueUpdate = (gestureState: PanResponderGestureState) => {\n    const currentValue = Math.max(min, Math.min(max, (gestureState.dx / sliderWidth) * (max - min) + initalValue));\n\n    setValue(currentValue);\n    animatedValue.setValue((currentValue * sliderWidth) / (max - min));\n    if (onValueChange) {\n      onValueChange(currentValue);\n    }\n  };\n\n  const handleLayout = (event: LayoutChangeEvent) => {\n    setSliderWidth(event.nativeEvent.layout.width);\n  };\n\n  const createPanResponder = () => {\n    setPanResponder(\n      PanResponder.create({\n        onStartShouldSetPanResponder: () => true,\n        onMoveShouldSetPanResponder: () => true,\n        onPanResponderGrant: () => {},\n        onPanResponderRelease: () => {},\n        onPanResponderTerminate: () => {},\n        onPanResponderMove: (evt, gestureState) => {\n          hanleValueUpdate(gestureState);\n        },\n      }),\n    );\n  };\n\n  const styles = StyleSheet.create({\n    sliderContainer: {\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n    },\n    trackContainer: {\n      width: \"80%\",\n      height: 4,\n      backgroundColor: \"rgba(48, 48, 52, 0.20)\",\n      borderRadius: 2,\n    },\n    coloredTrack: {\n      height: 4,\n      backgroundColor: \"#FF2442\",\n      borderRadius: 2,\n    },\n    thumbButton: {\n      width: 16,\n      height: 16,\n      position: \"absolute\",\n      top: -8,\n      borderRadius: 10,\n      backgroundColor: \"#FFF\",\n      shadowColor: \"rgba(0, 0, 0, 0.20)\",\n      shadowOffset: { width: 0, height: 1 },\n      shadowOpacity: 1,\n      shadowRadius: 4,\n      //Android\n      elevation: 2,\n    },\n  });\n\n  //<View style={[styles.track, { width: sliderWidth }]}>\n  //<View style={[styles.thumb, { left: thumbPosition }]} {...panResponder.panHandlers} />\n  //</View>\n  return (\n    <TouchableWithoutFeedback onPress={(e) => {}}>\n      <View style={styles.sliderContainer} onLayout={handleLayout}>\n        <View style={styles.trackContainer}>\n          <Animated.View style={[styles.coloredTrack, { width: animatedValue }]} />\n          <Animated.View\n            style={[styles.thumbButton, { transform: [{ translateX: animatedValue }] }, dotStyle]}\n            {...panResponder.panHandlers}\n          />\n        </View>\n      </View>\n    </TouchableWithoutFeedback>\n  );\n};\n\nSlider.defaultProps = SliderDefaultProps;\nexport default Slider;\n"],"names":["Slider","_ref","defaultValue","_ref$min","min","_ref$max","max","_ref$initalValue","initalValue","onValueChange","_ref$dotStyle","dotStyle","useMounted","_useState","useState","PanResponder","create","_useState2","_slicedToArray","panResponder","setPanResponder","_useState3","Dimensions","get","width","_useState4","sliderWidth","setSliderWidth","_useState5","_useState6","value","setValue","animatedValue","useRef","Animated","Value","current","useEffect","handleOrientationChange","subscription","addEventListener","createPanResponder","remove","hanleValueUpdate","gestureState","currentValue","Math","dx","handleLayout","event","nativeEvent","layout","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","onPanResponderRelease","onPanResponderTerminate","onPanResponderMove","evt","styles","StyleSheet","sliderContainer","flexDirection","alignItems","justifyContent","trackContainer","height","backgroundColor","borderRadius","coloredTrack","thumbButton","position","top","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","React","createElement","TouchableWithoutFeedback","onPress","e","View","style","onLayout","_objectSpread","transform","translateX","panHandlers","defaultProps","SliderDefaultProps"],"mappings":";;;;;;;;AAiBA,IAAMA,MAAS,GAAA,SAATA,MAASA,CAAAC,IAAA,EAAqG;AAAA,EAAlGA,IAAA,CAAAC,YAAA,CAAA;QAAAC,QAAA,GAAAF,IAAA,CAAcG;AAAAA,IAAAA,mBAAM,KAAA,CAAA,GAAA,CAAG,GAAAD,QAAA,CAAA;IAAAE,QAAA,GAAAJ,IAAA,CAAAK,GAAA,CAAA;AAAAA,IAAAA,GAAA,GAAAD,QAAA,KAAM,KAAA,CAAA,GAAA,GAAK,GAAAA,QAAA,CAAA;IAAAE,gBAAA,GAAAN,IAAA,CAAAO,WAAA,CAAA;AAAAA,IAAAA,WAAA,GAAAD,gBAAA,KAAc,KAAA,CAAA,GAAA,CAAG,GAAAA,gBAAA,CAAA;IAAAE,aAAA,GAAAR,IAAA,CAAAQ,aAAA,CAAA;IAAAC,aAAA,GAAAT,IAAA,CAAeU,QAAW,CAAA;AAAXA,IAAAA,QAAW,GAAAD,aAAA,KAAA,KAAA,CAAA,GAAA;EAC7FE,UAAA,CAAW,QAAQ,CAAA,CAAA;EACb,IAAAC,SAAA,GAAkCC,SAASC,YAAa,CAAAC,MAAA,CAAO,EAAE,CAAC,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAL,SAAA,EAAA,CAAA,CAAA;AAAjEM,IAAAA;AAAcC,IAAAA,eAAe,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAC9B,EAAA,IAAAI,UAAA,GAAgCP,QAAA,CAASQ,WAAWC,GAAI,CAAA,QAAQ,CAAE,CAAAC,KAAA,GAAQ,GAAG,CAAA;IAAAC,UAAA,GAAAP,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAA5EK,IAAAA,WAAa,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAAE,IAAAA,cAAc,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAClC,EAAA,IAAAG,UAAA,GAA0Bd,SAASN,WAAW,CAAA;IAAAqB,UAAA,GAAAX,cAAA,CAAAU,UAAA,EAAA,CAAA,CAAA;AAAvCE,IAAAA,KAAA,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAOE,IAAAA,QAAQ,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;EAEtB,IAAIvB,MAAMF,GAAK,EAAA;AACb,IAAA,OAAA;AACF,GAAA;AACI,EAAA,IAAA0B,KAAA,GAAQ1B,GAAO,IAAA0B,KAAA,GAAQxB,GAAK,EAAA;AAC9B,IAAA,OAAA;AACF,GAAA;EAIM,IAAA0B,aAAA,GAAgBC,MAAO,CAAA,IAAIC,QAAS,CAAAC,KAAA,CAAO3B,cAAckB,WAAgB,IAAApB,GAAA,GAAMF,GAAI,CAAA,CAAC,CAAE,CAAAgC,OAAA,CAAA;AAC5FC,EAAAA,SAAA,CAAU,YAAM;AACd,IAAA,IAAMC,0BAA0B,SAA1BA,0BAAgC;MACpCX,cAAA,CAAeL,UAAW,CAAAC,GAAA,CAAI,QAAQ,CAAA,CAAEC,QAAQ,GAAG,CAAA,CAAA;KACrD,CAAA;IAEA,IAAMe,YAAe,GAAAjB,UAAA,CAAWkB,gBAAiB,CAAA,QAAA,EAAUF,uBAAuB,CAAA,CAAA;AAC/DG,IAAAA,kBAAA,EAAA,CAAA;AACnB,IAAA,OAAO,YAAM;MACXF,YAAA,CAAaG,MAAO,EAAA,CAAA;KAEtB,CAAA;GACF,EAAG,EAAE,CAAA,CAAA;AAGC,EAAA,IAAAC,gBAAA,GAAmB,SAAnBA,gBAAAA,CAAoBC,YAA2C,EAAA;IACnE,IAAMC,YAAe,GAAAC,IAAA,CAAKxC,GAAI,CAAAF,GAAA,EAAK0C,IAAK,CAAA1C,GAAA,CAAIE,GAAM,EAAAsC,YAAA,CAAaG,EAAK,GAAArB,WAAA,IAAgBpB,GAAM,GAAAF,GAAA,CAAA,GAAOI,WAAW,CAAC,CAAA,CAAA;IAE7GuB,QAAA,CAASc,YAAY,CAAA,CAAA;IACrBb,aAAA,CAAcD,QAAU,CAAAc,YAAA,GAAenB,WAAgB,IAAApB,GAAA,GAAMF,GAAI,CAAA,CAAA,CAAA;AACjE,IAAA,IAAIK,aAAe,EAAA;MACjBA,aAAA,CAAcoC,YAAY,CAAA,CAAA;AAC5B,KAAA;GACF,CAAA;AAEM,EAAA,IAAAG,YAAA,GAAe,SAAfA,YAAAA,CAAgBC,KAA6B,EAAA;IAClCtB,cAAA,CAAAsB,KAAA,CAAMC,WAAY,CAAAC,MAAA,CAAO3B,KAAK,CAAA,CAAA;GAC/C,CAAA;AAEA,EAAA,IAAMiB,qBAAqB,SAArBA,qBAA2B;AAC/BrB,IAAAA,eAAA,CACEL,aAAaC,MAAO,CAAA;MAClBoC,8BAA8B,SAA9BA;eAAoC,IAAA,CAAA;AAAA,OAAA;MACpCC,6BAA6B,SAA7BA;eAAmC,IAAA,CAAA;AAAA,OAAA;AACnCC,MAAAA,qBAAqB,SAArBA,sBAA2B,EAAC;AAC5BC,MAAAA,uBAAuB,SAAvBA,wBAA6B,EAAC;AAC9BC,MAAAA,yBAAyB,SAAzBA,0BAA+B,EAAC;AAChCC,MAAAA,kBAAA,EAAoB,SAApBA,kBAAAA,CAAqBC,GAAA,EAAKd,YAAiB,EAAA;QACzCD,gBAAA,CAAiBC,YAAY,CAAA,CAAA;AAC/B,OAAA;AACF,KAAC,CACH,CAAA,CAAA;GACF,CAAA;AAEMe,EAAAA,IAAAA,OAAAA,GAASC,WAAW5C,MAAO,CAAA;AAC/B6C,IAAAA,eAAiB,EAAA;AACfC,MAAAA,aAAe,EAAA,KAAA;AACfC,MAAAA,UAAY,EAAA,QAAA;AACZC,MAAAA,cAAgB,EAAA,QAAA;KAClB;AACAC,IAAAA,cAAgB,EAAA;AACdzC,MAAAA,KAAO,EAAA,KAAA;AACP0C,MAAAA,MAAQ,EAAA,CAAA;AACRC,MAAAA,eAAiB,EAAA,wBAAA;AACjBC,MAAAA,YAAc,EAAA,CAAA;KAChB;AACAC,IAAAA,YAAc,EAAA;AACZH,MAAAA,MAAQ,EAAA,CAAA;AACRC,MAAAA,eAAiB,EAAA,SAAA;AACjBC,MAAAA,YAAc,EAAA,CAAA;KAChB;AACAE,IAAAA,WAAa,EAAA;AACX9C,MAAAA,KAAO,EAAA,EAAA;AACP0C,MAAAA,MAAQ,EAAA,EAAA;AACRK,MAAAA,QAAU,EAAA,UAAA;MACVC,GAAK,EAAA,CAAA,CAAA;AACLJ,MAAAA,YAAc,EAAA,EAAA;AACdD,MAAAA,eAAiB,EAAA,MAAA;AACjBM,MAAAA,WAAa,EAAA,qBAAA;AACbC,MAAAA,YAAc,EAAA;AAAElD,QAAAA,KAAO,EAAA,CAAA;AAAG0C,QAAAA,QAAQ,CAAA;OAAE;AACpCS,MAAAA,aAAe,EAAA,CAAA;AACfC,MAAAA,YAAc,EAAA,CAAA;AAAA;AAEdC,MAAAA,SAAW,EAAA,CAAA;AACb,KAAA;AACF,GAAC,CAAA,CAAA;AAKD,EAAA,sBACGC,KAAA,CAAAC,aAAA,CAAAC,wBAAA,EAAA;AAAyBC,IAAAA,OAAS,EAAA,SAATA,OAASA,CAACC,CAAM,EAAA,EAAC;AAAA,GAAA,iBACxCJ,KAAA,CAAAC,aAAA,CAAAI,IAAA,EAAA;IAAKC,KAAOzB,EAAAA,OAAAA,CAAOE,eAAiB;AAAAwB,IAAAA,QAAA,EAAUrC,YAAAA;AAC7C,GAAA,iBAAA8B,KAAA,CAAAC,aAAA,CAACI,IAAK,EAAA;IAAAC,KAAA,EAAOzB,OAAO,CAAAM,cAAAA;GAAA,qCACjB/B,QAAS,CAAAiD,IAAA,EAAT;AAAcC,IAAAA,KAAA,EAAO,CAACzB,OAAAA,CAAOU,YAAc,EAAA;AAAE7C,MAAAA,KAAO,EAAAQ,aAAAA;KAAe,CAAA;GAAG,CACvE,iBAAA8C,KAAA,CAAAC,aAAA,CAAC7C,QAAS,CAAAiD,IAAA,EAAAG,cAAA,CAAA;AACRF,IAAAA,KAAO,EAAA,CAACzB,OAAO,CAAAW,WAAA,EAAa;AAAEiB,MAAAA,SAAA,EAAW,CAAC;AAAEC,QAAAA,UAAY,EAAAxD,aAAAA;OAAe,CAAA;AAAE,OAAGrB,QAAQ,CAAA;AAAA,GAAA,EAChFQ,YAAa,CAAAsE,WAAA,CACnB,CACF,CACF,CACF,CAAA,CAAA;AAEJ,EAAA;AAEAzF,MAAA,CAAO0F,YAAe,GAAAC,kBAAA;;;;"}

package/lib/esm/components/Stepper/Stepper.js

@@ -76,7 +76,7 @@ var Stepper = function Stepper(props) {
     }
   }, [colorMode]);
   return /* @__PURE__ */React.createElement(View, {
-    style: [styles.container, props.style]
+    style: styles.container
   }, /* @__PURE__ */React.createElement(TouchableWithoutFeedback, {
     onPress: function onPress() {
       return handleNumber("min");

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

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","sources":["../../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from \"react\";\nimport { View, TouchableWithoutFeedback, Text, Image } from \"react-native\";\nimport { RedsStepper, StepperDefaultProps } from \"./interface/index\";\nimport { getStyles } from \"./styles\";\nimport { useThemeColor, useThemeTypography, useColorMode } from \"../ConfigProvider\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\n\nconst Stepper = (props: RedsStepper) => {\n  useMounted(\"Stepper\");\n  const themeColor = useThemeColor();\n\n  const colorMode = useColorMode();\n\n  const typography = useThemeTypography(\"Stepper\");\n\n  const [_value, setValue] = useState(0);\n\n  const styles = getStyles(themeColor, typography);\n\n  const minus = useMemo(() => {\n    if (props.disable || (props.min !== undefined && props.min >= _value!)) {\n      return getStyles(themeColor, typography).opacity;\n    } else {\n      return {};\n    }\n  }, [props.disable, props.max, _value]);\n\n  const add = useMemo(() => {\n    if (props.disable || (props.max !== undefined && props.max <= _value!)) {\n      return styles.opacity;\n    } else {\n      return {};\n    }\n  }, [props.disable, props.max, _value]);\n\n  const handleNumber = (type: string) => {\n    if (props.disable) return;\n    let newValue = 0;\n    if (type === \"min\") {\n      if (props.min && props.min >= _value! - 1) {\n        newValue = props.min;\n      } else {\n        newValue = _value! - 1;\n      }\n    } else {\n      if (props.max && props.max <= _value! + 1) {\n        newValue = props.max;\n      } else {\n        newValue = _value! + 1;\n      }\n    }\n    setValue(newValue);\n    props?.onChange?.(newValue);\n  };\n\n  useEffect(() => {\n    setValue((oldValue: any) => {\n      return props.isControl\n        ? props.value! >= props.min! && props.value! <= props.max!\n          ? props.value!\n          : props.value! < props.min!\n            ? props.min!\n            : props.value! > props.max!\n              ? props.max!\n              : props.value!\n        : oldValue;\n    });\n  }, [props.value, props.max, props.min]);\n\n  const minusImage = useMemo(() => {\n    if (colorMode === \"light\") {\n      return \"https://fe-platform.xhscdn.com/platform/104101l031hcivputjq06d5494g900000000001jjq1j8a\";\n    } else {\n      return \"https://fe-platform.xhscdn.com/platform/104101l031lfjqfuo5o76d5494g900000000001lo4n564\";\n    }\n  }, [colorMode]);\n\n  const addImage = useMemo(() => {\n    if (colorMode === \"light\") {\n      return \"https://fe-platform.xhscdn.com/platform/104101l031hcivo9hjs06d5494g900000000001igfsdhk\";\n    } else {\n      return \"https://fe-platform.xhscdn.com/platform/104101l031lfjqilq5m06d5494g900000000001n1dkns2\";\n    }\n  }, [colorMode]);\n\n  return (\n    <View style={[styles.container, props.style]}>\n      <TouchableWithoutFeedback onPress={() => handleNumber(\"min\")}>\n        <View style={[styles.icon, minus]}>\n          <Image source={{ uri: minusImage }} style={[styles.minus]} />\n        </View>\n      </TouchableWithoutFeedback>\n      <Text style={[styles.text, props.disable && styles.opacity]}>{_value}</Text>\n      <TouchableWithoutFeedback onPress={() => handleNumber(\"add\")}>\n        <View style={[styles.icon, add]}>\n          <Image source={{ uri: addImage }} style={[styles.add]} />\n        </View>\n      </TouchableWithoutFeedback>\n    </View>\n  );\n};\n\nStepper.defaultProps = StepperDefaultProps;\n\nexport default Stepper;\n"],"names":["Stepper","props","useMounted","themeColor","useThemeColor","colorMode","useColorMode","typography","useThemeTypography","_useState","useState","_useState2","_slicedToArray","_value","setValue","styles","getStyles","minus","useMemo","disable","min","opacity","max","add","handleNumber","type","_props$onChange","newValue","onChange","call","useEffect","oldValue","isControl","value","minusImage","addImage","View","style","container","React","createElement","TouchableWithoutFeedback","onPress","icon","Image","source","uri","Text","text","defaultProps","StepperDefaultProps"],"mappings":"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"}
+{"version":3,"file":"Stepper.js","sources":["../../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from \"react\";\nimport { View, TouchableWithoutFeedback, Text, Image } from \"react-native\";\nimport { RedsStepper, StepperDefaultProps } from \"./interface/index\";\nimport { getStyles } from \"./styles\";\nimport { useThemeColor, useThemeTypography, useColorMode } from \"../ConfigProvider\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\n\nconst Stepper = (props: RedsStepper) => {\n  useMounted(\"Stepper\");\n  const themeColor = useThemeColor();\n\n  const colorMode = useColorMode();\n\n  const typography = useThemeTypography(\"Stepper\");\n\n  const [_value, setValue] = useState(0);\n\n  const styles = getStyles(themeColor, typography);\n\n  const minus = useMemo(() => {\n    if (props.disable || (props.min !== undefined && props.min >= _value!)) {\n      return getStyles(themeColor, typography).opacity;\n    } else {\n      return {};\n    }\n  }, [props.disable, props.max, _value]);\n\n  const add = useMemo(() => {\n    if (props.disable || (props.max !== undefined && props.max <= _value!)) {\n      return styles.opacity;\n    } else {\n      return {};\n    }\n  }, [props.disable, props.max, _value]);\n\n  const handleNumber = (type: string) => {\n    if (props.disable) return;\n    let newValue = 0;\n    if (type === \"min\") {\n      if (props.min && props.min >= _value! - 1) {\n        newValue = props.min;\n      } else {\n        newValue = _value! - 1;\n      }\n    } else {\n      if (props.max && props.max <= _value! + 1) {\n        newValue = props.max;\n      } else {\n        newValue = _value! + 1;\n      }\n    }\n    setValue(newValue);\n    props?.onChange?.(newValue);\n  };\n\n  useEffect(() => {\n    setValue((oldValue: any) => {\n      return props.isControl\n        ? props.value! >= props.min! && props.value! <= props.max!\n          ? props.value!\n          : props.value! < props.min!\n            ? props.min!\n            : props.value! > props.max!\n              ? props.max!\n              : props.value!\n        : oldValue;\n    });\n  }, [props.value, props.max, props.min]);\n\n  const minusImage = useMemo(() => {\n    if (colorMode === \"light\") {\n      return \"https://fe-platform.xhscdn.com/platform/104101l031hcivputjq06d5494g900000000001jjq1j8a\";\n    } else {\n      return \"https://fe-platform.xhscdn.com/platform/104101l031lfjqfuo5o76d5494g900000000001lo4n564\";\n    }\n  }, [colorMode]);\n\n  const addImage = useMemo(() => {\n    if (colorMode === \"light\") {\n      return \"https://fe-platform.xhscdn.com/platform/104101l031hcivo9hjs06d5494g900000000001igfsdhk\";\n    } else {\n      return \"https://fe-platform.xhscdn.com/platform/104101l031lfjqilq5m06d5494g900000000001n1dkns2\";\n    }\n  }, [colorMode]);\n\n  return (\n    <View style={styles.container}>\n      <TouchableWithoutFeedback onPress={() => handleNumber(\"min\")}>\n        <View style={[styles.icon, minus]}>\n          <Image source={{ uri: minusImage }} style={[styles.minus]} />\n        </View>\n      </TouchableWithoutFeedback>\n      <Text style={[styles.text, props.disable && styles.opacity]}>{_value}</Text>\n      <TouchableWithoutFeedback onPress={() => handleNumber(\"add\")}>\n        <View style={[styles.icon, add]}>\n          <Image source={{ uri: addImage }} style={[styles.add]} />\n        </View>\n      </TouchableWithoutFeedback>\n    </View>\n  );\n};\n\nStepper.defaultProps = StepperDefaultProps;\n\nexport default Stepper;\n"],"names":["Stepper","props","useMounted","themeColor","useThemeColor","colorMode","useColorMode","typography","useThemeTypography","_useState","useState","_useState2","_slicedToArray","_value","setValue","styles","getStyles","minus","useMemo","disable","min","opacity","max","add","handleNumber","type","_props$onChange","newValue","onChange","call","useEffect","oldValue","isControl","value","minusImage","addImage","View","style","container","TouchableWithoutFeedback","onPress","React","createElement","icon","Image","source","uri","Text","text","defaultProps","StepperDefaultProps"],"mappings":"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"}

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

@@ -6,8 +6,7 @@ var getStyles = function getStyles(themeColor, typography) {
       display: "flex",
       flexDirection: "row",
       alignItems: "center",
-      justifyContent: "space-between",
-      width: 72
+      justifyContent: "center"
     },
     opacity: {
       opacity: 0.5
@@ -23,6 +22,7 @@ var getStyles = function getStyles(themeColor, typography) {
       lineHeight: 20
     },
     text: {
+      paddingHorizontal: 8,
       fontWeight: typography.B1LooseFontWeight,
       fontSize: typography.T3FontSize,
       color: themeColor.Title

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Stepper/styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\nexport const getStyles = (themeColor: any, typography: any) => {\n  return StyleSheet.create({\n    container: {\n      display: \"flex\",\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"space-between\",\n      width: 72,\n    },\n    opacity: {\n      opacity: 0.5,\n    },\n    icon: {\n      width: 20,\n      height: 20,\n      backgroundColor: themeColor.Fill1,\n      borderRadius: 20,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      lineHeight: 20,\n    },\n    text: {\n      fontWeight: typography.B1LooseFontWeight,\n      fontSize: typography.T3FontSize,\n      color: themeColor.Title,\n    },\n    minus: {\n      height: 1.5,\n      width: 10,\n    },\n    add: {\n      height: 10,\n      width: 10,\n    },\n  });\n};\n"],"names":["getStyles","themeColor","typography","StyleSheet","create","container","display","flexDirection","alignItems","justifyContent","width","opacity","icon","height","backgroundColor","Fill1","borderRadius","lineHeight","text","fontWeight","B1LooseFontWeight","fontSize","T3FontSize","color","Title","minus","add"],"mappings":";;AACa,IAAAA,SAAA,GAAY,SAAZA,SAAAA,CAAaC,UAAA,EAAiBC,UAAoB,EAAA;EAC7D,OAAOC,WAAWC,MAAO,CAAA;AACvBC,IAAAA,SAAW,EAAA;AACTC,MAAAA,OAAS,EAAA,MAAA;AACTC,MAAAA,aAAe,EAAA,KAAA;AACfC,MAAAA,UAAY,EAAA,QAAA;AACZC,MAAAA,cAAgB,EAAA,eAAA;AAChBC,MAAAA,KAAO,EAAA,EAAA;KACT;AACAC,IAAAA,OAAS,EAAA;AACPA,MAAAA,OAAS,EAAA,GAAA;KACX;AACAC,IAAAA,IAAM,EAAA;AACJF,MAAAA,KAAO,EAAA,EAAA;AACPG,MAAAA,MAAQ,EAAA,EAAA;MACRC,iBAAiBb,UAAW,CAAAc,KAAA;AAC5BC,MAAAA,YAAc,EAAA,EAAA;AACdV,MAAAA,OAAS,EAAA,MAAA;AACTG,MAAAA,cAAgB,EAAA,QAAA;AAChBD,MAAAA,UAAY,EAAA,QAAA;AACZS,MAAAA,UAAY,EAAA,EAAA;KACd;AACAC,IAAAA,IAAM,EAAA;MACJC,YAAYjB,UAAW,CAAAkB,iBAAA;MACvBC,UAAUnB,UAAW,CAAAoB,UAAA;MACrBC,OAAOtB,UAAW,CAAAuB,KAAAA;KACpB;AACAC,IAAAA,KAAO,EAAA;AACLZ,MAAAA,MAAQ,EAAA,GAAA;AACRH,MAAAA,KAAO,EAAA,EAAA;KACT;AACAgB,IAAAA,GAAK,EAAA;AACHb,MAAAA,MAAQ,EAAA,EAAA;AACRH,MAAAA,KAAO,EAAA,EAAA;AACT,KAAA;AACF,GAAC,CAAA,CAAA;AACH;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/Stepper/styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\nexport const getStyles = (themeColor: any, typography: any) => {\n  return StyleSheet.create({\n    container: {\n      display: \"flex\",\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n    },\n    opacity: {\n      opacity: 0.5,\n    },\n    icon: {\n      width: 20,\n      height: 20,\n      backgroundColor: themeColor.Fill1,\n      borderRadius: 20,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      lineHeight: 20,\n    },\n    text: {\n      paddingHorizontal: 8,\n      fontWeight: typography.B1LooseFontWeight,\n      fontSize: typography.T3FontSize,\n      color: themeColor.Title,\n    },\n    minus: {\n      height: 1.5,\n      width: 10,\n    },\n    add: {\n      height: 10,\n      width: 10,\n    },\n  });\n};\n"],"names":["getStyles","themeColor","typography","StyleSheet","create","container","display","flexDirection","alignItems","justifyContent","opacity","icon","width","height","backgroundColor","Fill1","borderRadius","lineHeight","text","paddingHorizontal","fontWeight","B1LooseFontWeight","fontSize","T3FontSize","color","Title","minus","add"],"mappings":";;AACa,IAAAA,SAAA,GAAY,SAAZA,SAAAA,CAAaC,UAAA,EAAiBC,UAAoB,EAAA;EAC7D,OAAOC,WAAWC,MAAO,CAAA;AACvBC,IAAAA,SAAW,EAAA;AACTC,MAAAA,OAAS,EAAA,MAAA;AACTC,MAAAA,aAAe,EAAA,KAAA;AACfC,MAAAA,UAAY,EAAA,QAAA;AACZC,MAAAA,cAAgB,EAAA,QAAA;KAClB;AACAC,IAAAA,OAAS,EAAA;AACPA,MAAAA,OAAS,EAAA,GAAA;KACX;AACAC,IAAAA,IAAM,EAAA;AACJC,MAAAA,KAAO,EAAA,EAAA;AACPC,MAAAA,MAAQ,EAAA,EAAA;MACRC,iBAAiBb,UAAW,CAAAc,KAAA;AAC5BC,MAAAA,YAAc,EAAA,EAAA;AACdV,MAAAA,OAAS,EAAA,MAAA;AACTG,MAAAA,cAAgB,EAAA,QAAA;AAChBD,MAAAA,UAAY,EAAA,QAAA;AACZS,MAAAA,UAAY,EAAA,EAAA;KACd;AACAC,IAAAA,IAAM,EAAA;AACJC,MAAAA,iBAAmB,EAAA,CAAA;MACnBC,YAAYlB,UAAW,CAAAmB,iBAAA;MACvBC,UAAUpB,UAAW,CAAAqB,UAAA;MACrBC,OAAOvB,UAAW,CAAAwB,KAAAA;KACpB;AACAC,IAAAA,KAAO,EAAA;AACLb,MAAAA,MAAQ,EAAA,GAAA;AACRD,MAAAA,KAAO,EAAA,EAAA;KACT;AACAe,IAAAA,GAAK,EAAA;AACHd,MAAAA,MAAQ,EAAA,EAAA;AACRD,MAAAA,KAAO,EAAA,EAAA;AACT,KAAA;AACF,GAAC,CAAA,CAAA;AACH;;;;"}

package/lib/esm/components/TextView/TextView.js

@@ -85,8 +85,7 @@ var TextField = /*#__PURE__*/forwardRef(function (props, ref) {
     setValue(upValue);
   }, [onChange]);
   var handleChangeText = useCallback(function (value2) {
-    var filteredValue = props.returnKeyType !== "next" ? value2.replace(/\n/g, "") : value2;
-    updateValue(filteredValue);
+    updateValue(value2);
     if (Platform.OS === "ios" && maxLength && value2.length >= maxLength && inputRef.current) {
       requestAnimationFrame(function () {
         var _inputRef$current;
@@ -143,10 +142,8 @@ var TextField = /*#__PURE__*/forwardRef(function (props, ref) {
   }, [layout]);
   var handleKeyPress = function handleKeyPress(_ref2) {
     var nativeEvent = _ref2.nativeEvent;
-    if (nativeEvent.key === "Enter") {
-      if (props.returnKeyType !== "next") {
-        Keyboard.dismiss();
-      }
+    if (nativeEvent.key === "Enter" && props.returnKeyType !== "next") {
+      Keyboard.dismiss();
     }
   };
   return /* @__PURE__ */React.createElement(View, {

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":"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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/index.js

@@ -53,7 +53,7 @@ export { default as Slider } from './components/Slider/Slider.js';
 export { i as SliderType } from './_chunks/BwgGhxV7.js';
 export { default as AnimatedSheets } from './components/Sheets/AnimatedSheets.js';
 export { default as Sheets } from './components/Sheets/Sheets.js';
-export { i as SheetsType } from './_chunks/C4jyXYEi.js';
+export { i as SheetsType } from './_chunks/DMjPllnU.js';
 export { default as useAnimatedSheets, useSheets } from './components/Sheets/api.js';
 export { default as PickerView } from './components/PickerView/PickerView.js';
 export { i as PickerViewType } from './_chunks/DcCfwG0m.js';

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

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

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

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

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

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

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

@@ -9,9 +9,7 @@ declare const Sheets: {
         sheetsType: SheetsType;
         cancel: boolean;
         close: boolean;
-        zIndex: number; /**
-         * 关闭Sheets
-         */
+        zIndex: number;
         cancelType: SheetsActionType;
         closeType: SheetsActionType;
         iconType: SheetsIconType;
@@ -29,6 +27,8 @@ declare const Sheets: {
         onImmediateConfirm: () => void;
         avoidSheetsMove: boolean;
         headlerLayout: string;
+        openAnimation: {};
+        closeAnimation: {};
     };
 };
 export default Sheets;

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

@@ -27,6 +27,10 @@ export declare const enum AnimatedSheetsSize {
     auto = "auto",
     fixed = "fixed"
 }
+export interface SheetAnimationConfig {
+    /** Duration in milliseconds. Default: 150 */
+    duration?: number;
+}
 export interface RedsSheets {
     label?: string;
     mask?: boolean;
@@ -57,6 +61,12 @@ export interface RedsSheets {
     onImmediateConfirm?: () => void;
     avoidSheetsMove?: boolean;
     headlerLayout?: "center" | "left";
+    openAnimation?: {
+        duration?: number;
+    };
+    closeAnimation?: {
+        duration?: number;
+    };
 }
 export interface RedsSheetsEvent {
 }
@@ -85,4 +95,6 @@ export declare const SheetsDefaultProps: {
     onImmediateConfirm: () => void;
     avoidSheetsMove: boolean;
     headlerLayout: string;
+    openAnimation: {};
+    closeAnimation: {};
 };

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -9,9 +9,7 @@ declare const Sheets: {
         sheetsType: SheetsType;
         cancel: boolean;
         close: boolean;
-        zIndex: number; /**
-         * 关闭Sheets
-         */
+        zIndex: number;
         cancelType: SheetsActionType;
         closeType: SheetsActionType;
         iconType: SheetsIconType;
@@ -29,6 +27,8 @@ declare const Sheets: {
         onImmediateConfirm: () => void;
         avoidSheetsMove: boolean;
         headlerLayout: string;
+        openAnimation: {};
+        closeAnimation: {};
     };
 };
 export default Sheets;

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

@@ -27,6 +27,10 @@ export declare const enum AnimatedSheetsSize {
     auto = "auto",
     fixed = "fixed"
 }
+export interface SheetAnimationConfig {
+    /** Duration in milliseconds. Default: 150 */
+    duration?: number;
+}
 export interface RedsSheets {
     label?: string;
     mask?: boolean;
@@ -57,6 +61,12 @@ export interface RedsSheets {
     onImmediateConfirm?: () => void;
     avoidSheetsMove?: boolean;
     headlerLayout?: "center" | "left";
+    openAnimation?: {
+        duration?: number;
+    };
+    closeAnimation?: {
+        duration?: number;
+    };
 }
 export interface RedsSheetsEvent {
 }
@@ -85,4 +95,6 @@ export declare const SheetsDefaultProps: {
     onImmediateConfirm: () => void;
     avoidSheetsMove: boolean;
     headlerLayout: string;
+    openAnimation: {};
+    closeAnimation: {};
 };

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

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

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xhsreds/reds-rn-next",
-  "version": "0.10.1-beta202512022142",
+  "version": "0.10.1-feat-sheets-anim202512041203",
   "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-beta202512022142"
+    "@xhsreds/reds-token-next": "0.10.0"
   },
   "peerDependenciesMeta": {
     "ozone-schema-web": {

package/src/components/ActionablePopover/ActionablePopover.tsx

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

package/src/components/Avatar/styles.ts

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

package/src/components/BottomBar/styles.ts

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