@xhsreds/reds-rn-next 0.10.1-beta202512041155 → 0.10.1-feat-sheets-anim202512041344

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

@@ -22,33 +22,11 @@ var Wheel = function Wheel(props) {
     _props$accessibility = props.accessibility,
     accessibility = _props$accessibility === void 0 ? {} : _props$accessibility;
   var scrollerRef = React.useRef();
-  var _useState = React.useState(false),
-    _useState2 = _rollupPluginBabelHelpers._slicedToArray(_useState, 2),
-    scrollEnded = _useState2[0],
-    setScrollEnded = _useState2[1];
-  var _useState3 = React.useState(0),
-    _useState4 = _rollupPluginBabelHelpers._slicedToArray(_useState3, 2),
-    scrollHeight = _useState4[0],
-    setScrollHeight = _useState4[1];
-  var _useState5 = React.useState(value),
-    _useState6 = _rollupPluginBabelHelpers._slicedToArray(_useState5, 2),
-    lastValue = _useState6[0],
-    setLastValue = _useState6[1];
-  var onScrollEndDrag = function onScrollEndDrag() {
-    setScrollEnded(true);
-  };
-  React.useEffect(function () {
-    if (value !== lastValue) {
-      var idx = getSelectIndex(column, value);
-      setIndex(idx);
-    }
-  }, [column, value]);
   var themeColor = components_ConfigProvider_hooks_themeToken_useThemeToken.useThemeColor();
-  var _useState7 = React.useState(),
-    _useState8 = _rollupPluginBabelHelpers._slicedToArray(_useState7, 2),
-    index = _useState8[0],
-    setIndex = _useState8[1];
-  var timer = React.useRef();
+  var _useState = React.useState(),
+    _useState2 = _rollupPluginBabelHelpers._slicedToArray(_useState, 2),
+    index = _useState2[0],
+    setIndex = _useState2[1];
   React.useEffect(function () {
     value && setIndex(getSelectIndex(column, value));
   }, [column, value]);
@@ -58,25 +36,8 @@ var Wheel = function Wheel(props) {
     scrollTo(index * itemHeight);
     if (newVal) {
       onSelect(newVal, props.index);
-      setLastValue(newVal);
     }
   }, [index, props.index]);
-  React.useEffect(function () {
-    if (scrollEnded) {
-      if (scrollHeight != null) {
-        timer.current = setTimeout(function () {
-          var selectIndex = Math.round(scrollHeight / itemHeight);
-          if (selectIndex >= 0 && selectIndex < column.length) {
-            setIndex(selectIndex);
-          }
-        }, 0);
-      }
-      setScrollEnded(false);
-    }
-    return function () {
-      timer.current && clearTimeout(timer.current);
-    };
-  }, [scrollEnded]);
   var scrollTo = function scrollTo(y) {
     setTimeout(function () {
       var _scrollerRef$current, _scrollerRef$current$;
@@ -96,16 +57,11 @@ var Wheel = function Wheel(props) {
     }), 0) : 0;
   };
   var onMomentumScrollEnd = function onMomentumScrollEnd(e) {
-    var _e$persist, _column$selectIndex;
+    var _e$persist;
     (_e$persist = e.persist) === null || _e$persist === void 0 || _e$persist.call(e);
     var contentOffset = e.nativeEvent.contentOffset;
     var selectIndex = Math.round(contentOffset.y / itemHeight);
     setIndex(selectIndex);
-    var newVal = column === null || column === void 0 || (_column$selectIndex = column[selectIndex]) === null || _column$selectIndex === void 0 ? void 0 : _column$selectIndex.value;
-    setLastValue(newVal);
-  };
-  var onScroll = function onScroll(e) {
-    setScrollHeight(e.nativeEvent.contentOffset.y);
   };
   var handleClick = function handleClick(index2) {
     setIndex(index2);
@@ -148,9 +104,6 @@ var Wheel = function Wheel(props) {
     decelerationRate: "fast",
     snapToInterval: itemHeight,
     onMomentumScrollEnd: onMomentumScrollEnd,
-    onScrollEndDrag: onScrollEndDrag,
-    onScroll: onScroll,
-    scrollEventThrottle: 16,
     testID: "wheel".concat(props.index)
   }, accessibility), /* @__PURE__ */React.createElement(reactNative.View, {
     style: {

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

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

package/lib/cjs/components/Portal/core/PortalHost.js

@@ -19,9 +19,7 @@ var PortalHostComponent = function PortalHostComponent(_ref) {
     };
   }, []);
   return /* @__PURE__ */React.createElement(React.Fragment, null, state.map(function (item, index) {
-    return /*#__PURE__*/React.cloneElement(item.node, {
-      key: index
-    });
+    return item.node;
   }));
 };
 var PortalHost = /*#__PURE__*/React.memo(PortalHostComponent);

package/lib/cjs/components/Portal/core/PortalHost.js.map

@@ -1 +1 @@
-{"version":3,"file":"PortalHost.js","sources":["../../../../../src/components/Portal/core/PortalHost.tsx"],"sourcesContent":["import React, { memo, useEffect } from \"react\";\nimport { View } from \"react-native\";\nimport { usePortalState } from \"./hooks/usePortalState\";\nimport { usePortal } from \"./hooks/usePortal\";\nimport { PortalHostProps } from \"../interface\";\n\nconst PortalHostComponent = ({ name }: PortalHostProps) => {\n  const state = usePortalState(name);\n  const { registerHost, deregisterHost } = usePortal(name);\n  useEffect(() => {\n    registerHost();\n    return () => {\n      deregisterHost();\n    };\n  }, []);\n\n  return (\n    <>\n      {state.map((item, index) => {\n        return React.cloneElement(item.node as any, {\n          key: index,\n        });\n      })}\n    </>\n  );\n};\n\nexport const PortalHost = memo(PortalHostComponent);\nPortalHost.displayName = \"PortalHost\";\n"],"names":["PortalHostComponent","_ref","name","state","usePortalState","_usePortal","usePortal","registerHost","deregisterHost","useEffect","React","createElement","Fragment","map","item","index","cloneElement","node","key","PortalHost","memo","displayName"],"mappings":";;;;;;;;AAMA,IAAMA,mBAAsB,GAAA,SAAtBA,mBAAsBA,CAAAC,IAAA,EAA+B;AAAA,EAAA,IAA5BC,IAAA,GAAAD,IAAA,CAAAC,IAAA,CAAA;AACvB,EAAA,IAAAC,KAAA,GAAQC,2DAAeF,IAAI,CAAA,CAAA;AACjC,EAAA,IAAAG,UAAA,GAAyCC,iDAAUJ,IAAI,CAAA;IAA/CK,YAAA,GAAAF,UAAA,CAAAE,YAAA;IAAcC,cAAe,GAAAH,UAAA,CAAfG,cAAe,CAAA;AACrCC,EAAAA,eAAA,CAAU,YAAM;AACDF,IAAAA,YAAA,EAAA,CAAA;AACb,IAAA,OAAO,YAAM;AACIC,MAAAA,cAAA,EAAA,CAAA;KACjB,CAAA;GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,sBAEKE,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EAAAT,KAAA,CAAMU,GAAI,CAAA,UAACC,MAAMC,KAAU,EAAA;AACnB,IAAA,oBAAAL,KAAA,CAAMM,YAAa,CAAAF,IAAA,CAAKG,IAAa,EAAA;AAC1CC,MAAAA,GAAK,EAAAH,KAAAA;AACP,KAAC,CAAA,CAAA;AACH,GAAC,CACH,CAAA,CAAA;AAEJ,CAAA,CAAA;IAEaI,UAAA,gBAAaC,WAAKpB,mBAAmB,EAAA;AAClDmB,UAAA,CAAWE,WAAc,GAAA,YAAA;;;;"}
+{"version":3,"file":"PortalHost.js","sources":["../../../../../src/components/Portal/core/PortalHost.tsx"],"sourcesContent":["import React, { memo, useEffect } from \"react\";\nimport { usePortalState } from \"./hooks/usePortalState\";\nimport { usePortal } from \"./hooks/usePortal\";\nimport { PortalHostProps } from \"../interface\";\n\nconst PortalHostComponent = ({ name }: PortalHostProps) => {\n  const state = usePortalState(name);\n  const { registerHost, deregisterHost } = usePortal(name);\n  useEffect(() => {\n    registerHost();\n    return () => {\n      deregisterHost();\n    };\n  }, []);\n\n  return (\n    <>\n      {state.map((item, index) => {\n        return item.node;\n      })}\n    </>\n  );\n};\n\nexport const PortalHost = memo(PortalHostComponent);\nPortalHost.displayName = \"PortalHost\";\n"],"names":["PortalHostComponent","_ref","name","state","usePortalState","_usePortal","usePortal","registerHost","deregisterHost","useEffect","React","createElement","Fragment","map","item","index","node","PortalHost","memo","displayName"],"mappings":";;;;;;;;AAKA,IAAMA,mBAAsB,GAAA,SAAtBA,mBAAsBA,CAAAC,IAAA,EAA+B;AAAA,EAAA,IAA5BC,IAAA,GAAAD,IAAA,CAAAC,IAAA,CAAA;AACvB,EAAA,IAAAC,KAAA,GAAQC,2DAAeF,IAAI,CAAA,CAAA;AACjC,EAAA,IAAAG,UAAA,GAAyCC,iDAAUJ,IAAI,CAAA;IAA/CK,YAAA,GAAAF,UAAA,CAAAE,YAAA;IAAcC,cAAe,GAAAH,UAAA,CAAfG,cAAe,CAAA;AACrCC,EAAAA,eAAA,CAAU,YAAM;AACDF,IAAAA,YAAA,EAAA,CAAA;AACb,IAAA,OAAO,YAAM;AACIC,MAAAA,cAAA,EAAA,CAAA;KACjB,CAAA;GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,sBAEKE,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EAAAT,KAAA,CAAMU,GAAI,CAAA,UAACC,MAAMC,KAAU,EAAA;IAC1B,OAAOD,IAAK,CAAAE,IAAA,CAAA;AACd,GAAC,CACH,CAAA,CAAA;AAEJ,CAAA,CAAA;IAEaC,UAAA,gBAAaC,WAAKlB,mBAAmB,EAAA;AAClDiB,UAAA,CAAWE,WAAc,GAAA,YAAA;;;;"}

package/lib/cjs/components/Radio/Radio.js

@@ -63,7 +63,7 @@ require('../Slider/Slider.js');
 require('../../_chunks/BdE0p9tj.js');
 require('../Sheets/AnimatedSheets.js');
 require('../Sheets/Sheets.js');
-require('../../_chunks/DVfoVjpR.js');
+require('../../_chunks/47jfgoRG.js');
 require('../Sheets/api.js');
 require('../PickerView/PickerView.js');
 require('../../_chunks/Br2Q0ftc.js');
@@ -304,9 +304,9 @@ var Radio = function Radio(props) {
   var iconStyleClass = components_Radio_styles.getIconStyleClass(_checked, size, disabled || (parent === null || parent === void 0 ? void 0 : parent.disabled), parent === null || parent === void 0 ? void 0 : parent.position, parent === null || parent === void 0 ? void 0 : parent.direction);
   var labelStyle = components_Radio_styles.getLabelStyle(disabled || (parent === null || parent === void 0 ? void 0 : parent.disabled), size, parent === null || parent === void 0 ? void 0 : parent.direction);
   var iconSizeMap = {
-    small: 12,
-    medium: 16,
-    large: 20
+    small: 16,
+    medium: 20,
+    large: 24
   };
   var rightStyle = components_Radio_styles.getRightIconStyle(size);
   var rightWrapperStyle = components_Radio_styles.getRightWrapperStyle(size, themeColor, props.themeColor);