@xhsreds/reds-rn-next 0.10.1-beta202511211532 → 0.10.1-beta202512021041

package/lib/cjs/components/List/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":["../../../../../src/components/List/ListItem/ListItem.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, ReactNode } from \"react\";\nimport { View, Text, Image, TouchableWithoutFeedback, TextStyle, ViewStyle } from \"react-native\";\nimport { useListContext } from \"./ListContext\";\nimport { useColorMode } from \"../../ConfigProvider\";\nimport createStyles from \"../styles\";\nimport useMounted from \"../../../pvCount/useUnmountedProcess\";\nimport { Badge } from \"../../Badge\";\n\nexport interface RedsListItem {\n  title: string;\n  subtitle?: string;\n  actionText?: string;\n  size?: \"regular\" | \"expand\";\n  arrow?: boolean;\n  prefix?: ReactNode;\n  action?: ReactNode;\n  onClick?: () => void;\n  actionTextStyle?: TextStyle;\n  prefixStyle?: ViewStyle;\n  children?: ReactNode;\n  contentStyle?: ViewStyle;\n  badgeActionContent?: string;\n  badgeTitleContent?: string;\n}\n\nconst ListItem: React.FC<RedsListItem> = ({\n  title,\n  subtitle,\n  actionText,\n  size = \"regular\",\n  arrow = false,\n  prefix,\n  action,\n  onClick = () => {},\n  actionTextStyle = {},\n  prefixStyle = {},\n  contentStyle = {},\n  children,\n  badgeActionContent,\n  badgeTitleContent,\n}) => {\n  useMounted(\"ListItem\");\n  const styles = createStyles();\n  const { registerChild, unregisterChild } = useListContext();\n  const [lineItem, setLineItem] = useState(false);\n  const colorMode = useColorMode();\n\n  const childInfo = {\n    setLine: (value: boolean) => setLineItem(value),\n  };\n\n  useEffect(() => {\n    registerChild(childInfo);\n    return () => unregisterChild(childInfo);\n  }, []);\n\n  const listItemSizeToHeight = {\n    regular: 48,\n    expand: 72,\n  };\n\n  return (\n    <TouchableWithoutFeedback onPress={() => onClick()}>\n      <View\n        style={[\n          styles.listItem,\n          children ? {} : { height: listItemSizeToHeight[size] },\n          size === \"expand\" && styles.expand,\n        ]}\n      >\n        {children ? (\n          children\n        ) : (\n          <View style={[styles.content, contentStyle]}>\n            {prefix && (\n              <View style={[styles.prefix, { height: listItemSizeToHeight[size] }, prefixStyle]}>{prefix}</View>\n            )}\n            <View style={[styles.contentBox, lineItem ? styles.hr : {}, { height: listItemSizeToHeight[size] }]}>\n              <View\n                style={[styles.contentContainer, { marginBottom: 12, marginTop: 12 }, prefix ? { height: 48 } : {}]}\n              >\n                <View style={styles.textContainer}>\n                  <Text style={styles.title}>{title}</Text>\n                  {size === \"expand\" && subtitle && <Text style={styles.subtitle}>{subtitle}</Text>}\n                </View>\n                <View style={styles.tailContainer}>\n                  {action ? (\n                    <View style={styles.tail}>{action}</View>\n                  ) : (\n                    <View style={styles.tail}>\n                      <Text style={[styles.tailText, actionTextStyle]}>{actionText}</Text>\n                      {badgeActionContent && (\n                        <Badge content={badgeActionContent} position=\"centerLeft\" offset={[-15, 7]}>\n                          <View></View>\n                        </Badge>\n                      )}\n                      {arrow && (\n                        <View style={{ height: 16, width: 16 }}>\n                          <Image\n                            width={16}\n                            height={16}\n                            source={{\n                              uri:\n                                colorMode === \"dark\"\n                                  ? \"https://picasso-static.xiaohongshu.com/fe-platform/ca9c472d2e00bd9ff171736db37844a1020a7bee.png\"\n                                  : \"https://picasso-static.xiaohongshu.com/fe-platform/2aa7929e87409d49353f7ad8c05fcc1752eea2f0.png\",\n                            }}\n                          ></Image>\n                        </View>\n                      )}\n                    </View>\n                  )}\n                </View>\n              </View>\n            </View>\n          </View>\n        )}\n      </View>\n    </TouchableWithoutFeedback>\n  );\n};\n\nexport default ListItem;\n"],"names":["ListItem","title","_ref","subtitle","actionText","_ref$size","size","_ref$arrow","arrow","prefix","action","_ref$onClick","onClick","_ref$actionTextStyle","actionTextStyle","_ref$prefixStyle","prefixStyle","_ref$contentStyle","contentStyle","children","badgeActionContent","badgeTitleContent","useMounted","styles","createStyles","_useListContext","useListContext","registerChild","unregisterChild","_useState","useState","_useState2","_slicedToArray","lineItem","setLineItem","colorMode","useColorMode","childInfo","setLine","value","useEffect","listItemSizeToHeight","regular","expand","React","createElement","TouchableWithoutFeedback","onPress","View","style","listItem","height","content","contentBox","hr","contentContainer","marginBottom","marginTop","textContainer","Text","tailContainer","tail","tailText","Badge","position","offset","width","Image","source","uri"],"mappings":"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"}
+{"version":3,"file":"ListItem.js","sources":["../../../../../src/components/List/ListItem/ListItem.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, ReactNode } from \"react\";\nimport { View, Text, Image, TouchableWithoutFeedback, TextStyle, ViewStyle } from \"react-native\";\nimport { useListContext } from \"./ListContext\";\nimport { useColorMode } from \"../../ConfigProvider\";\nimport createStyles from \"../styles\";\nimport useMounted from \"../../../pvCount/useUnmountedProcess\";\nimport { Badge } from \"../../Badge\";\n\nexport interface RedsListItem {\n  title: string;\n  subtitle?: string;\n  actionText?: string;\n  size?: \"regular\" | \"expand\";\n  arrow?: boolean;\n  prefix?: ReactNode;\n  action?: ReactNode;\n  onClick?: () => void;\n  actionTextStyle?: TextStyle;\n  prefixStyle?: ViewStyle;\n  children?: ReactNode;\n  contentStyle?: ViewStyle;\n  badgeActionContent?: string;\n  badgeTitleContent?: string;\n  style?: any;\n  lineStyle?: any;\n}\n\nconst ListItem: React.FC<RedsListItem> = ({\n  title,\n  subtitle,\n  actionText,\n  size = \"regular\",\n  arrow = false,\n  prefix,\n  action,\n  onClick = () => {},\n  actionTextStyle = {},\n  prefixStyle = {},\n  contentStyle = {},\n  children,\n  badgeActionContent,\n  badgeTitleContent,\n  style,\n  lineStyle,\n}) => {\n  useMounted(\"ListItem\");\n  const styles = createStyles();\n  const { registerChild, unregisterChild } = useListContext();\n  const [lineItem, setLineItem] = useState(false);\n  const colorMode = useColorMode();\n\n  const childInfo = {\n    setLine: (value: boolean) => setLineItem(value),\n  };\n\n  useEffect(() => {\n    registerChild(childInfo);\n    return () => unregisterChild(childInfo);\n  }, []);\n\n  const listItemSizeToHeight = {\n    regular: 48,\n    expand: 72,\n  };\n\n  return (\n    <TouchableWithoutFeedback onPress={() => onClick()}>\n      <View\n        style={[\n          styles.listItem,\n          children ? {} : { height: listItemSizeToHeight[size] },\n          size === \"expand\" && styles.expand,\n          style,\n        ]}\n      >\n        {children ? (\n          children\n        ) : (\n          <View style={[styles.content, contentStyle]}>\n            {prefix && (\n              <View style={[styles.prefix, { height: listItemSizeToHeight[size] }, prefixStyle]}>{prefix}</View>\n            )}\n            <View\n              style={[\n                styles.contentBox,\n                lineItem ? { ...styles.hr, ...lineStyle } : {},\n                { height: listItemSizeToHeight[size] },\n              ]}\n            >\n              <View\n                style={[styles.contentContainer, { marginBottom: 12, marginTop: 12 }, prefix ? { height: 48 } : {}]}\n              >\n                <View style={styles.textContainer}>\n                  <Text style={styles.title}>{title}</Text>\n                  {size === \"expand\" && subtitle && <Text style={styles.subtitle}>{subtitle}</Text>}\n                </View>\n                <View style={styles.tailContainer}>\n                  {action ? (\n                    <View style={styles.tail}>{action}</View>\n                  ) : (\n                    <View style={styles.tail}>\n                      <Text style={[styles.tailText, actionTextStyle]}>{actionText}</Text>\n                      {badgeActionContent && (\n                        <Badge content={badgeActionContent} position=\"centerLeft\" offset={[-15, 7]}>\n                          <View></View>\n                        </Badge>\n                      )}\n                      {arrow && (\n                        <View style={{ height: 16, width: 16 }}>\n                          <Image\n                            width={16}\n                            height={16}\n                            source={{\n                              uri:\n                                colorMode === \"dark\"\n                                  ? \"https://picasso-static.xiaohongshu.com/fe-platform/ca9c472d2e00bd9ff171736db37844a1020a7bee.png\"\n                                  : \"https://picasso-static.xiaohongshu.com/fe-platform/2aa7929e87409d49353f7ad8c05fcc1752eea2f0.png\",\n                            }}\n                          ></Image>\n                        </View>\n                      )}\n                    </View>\n                  )}\n                </View>\n              </View>\n            </View>\n          </View>\n        )}\n      </View>\n    </TouchableWithoutFeedback>\n  );\n};\n\nexport default ListItem;\n"],"names":["ListItem","title","_ref","subtitle","actionText","_ref$size","size","_ref$arrow","arrow","prefix","action","_ref$onClick","onClick","_ref$actionTextStyle","actionTextStyle","_ref$prefixStyle","prefixStyle","_ref$contentStyle","contentStyle","children","badgeActionContent","badgeTitleContent","style","lineStyle","useMounted","styles","createStyles","_useListContext","useListContext","registerChild","unregisterChild","_useState","useState","_useState2","_slicedToArray","lineItem","setLineItem","colorMode","useColorMode","childInfo","setLine","value","useEffect","listItemSizeToHeight","regular","expand","React","createElement","TouchableWithoutFeedback","onPress","View","listItem","height","content","contentBox","_objectSpread","hr","contentContainer","marginBottom","marginTop","textContainer","Text","tailContainer","tail","tailText","Badge","position","offset","width","Image","source","uri"],"mappings":"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"}

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

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

package/lib/cjs/components/Stepper/Stepper.js

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

package/lib/cjs/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}>\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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"}
+{"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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"}

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

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

package/lib/cjs/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: \"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,uBAAWC,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;;;;"}
+{"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,uBAAWC,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;;;;"}

package/lib/esm/_chunks/C0MWVrjO.js.map

@@ -1 +1 @@
-{"version":3,"file":"C0MWVrjO.js","sources":["../../../src/components/Stepper/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent } from \"react-native\";\nimport { lightColor } from \"@xhsreds/reds-token-next\";\nexport interface RedsStepper {\n  value?: number;\n  max?: number;\n  min?: number;\n  disable?: boolean;\n  onChange?: (value: number) => any;\n  isControl?: boolean;\n}\n\nexport interface RedsStepperEvent {}\nexport const StepperDefaultProps = {\n  disable: false,\n  isControl: true,\n};\n"],"names":["StepperDefaultProps","disable","isControl"],"mappings":"AAYO,IAAMA,mBAAsB,GAAA;AACjCC,EAAAA,OAAS,EAAA,KAAA;AACTC,EAAAA,SAAW,EAAA,IAAA;AACb;;;;;;;;;"}
+{"version":3,"file":"C0MWVrjO.js","sources":["../../../src/components/Stepper/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent } from \"react-native\";\nimport { lightColor } from \"@xhsreds/reds-token-next\";\nexport interface RedsStepper {\n  value?: number;\n  max?: number;\n  min?: number;\n  disable?: boolean;\n  onChange?: (value: number) => any;\n  isControl?: boolean;\n  style?: any;\n}\n\nexport interface RedsStepperEvent {}\nexport const StepperDefaultProps = {\n  disable: false,\n  isControl: true,\n};\n"],"names":["StepperDefaultProps","disable","isControl"],"mappings":"AAaO,IAAMA,mBAAsB,GAAA;AACjCC,EAAAA,OAAS,EAAA,KAAA;AACTC,EAAAA,SAAW,EAAA,IAAA;AACb;;;;;;;;;"}

package/lib/esm/components/ActionablePopover/ActionablePopover.js

@@ -1,6 +1,6 @@
 import { _ as _slicedToArray, a as _objectSpread2 } from '../../_chunks/CAkwE9ZD.js';
 import React, { useMemo, useState, useRef, useEffect, isValidElement } from 'react';
-import { Animated, Dimensions, TouchableWithoutFeedback, View, Text, Image } from 'react-native';
+import { Animated, Platform, Dimensions, TouchableWithoutFeedback, View, Text, Image } from 'react-native';
 import { ModalWrapper } from './component.js';
 import useMounted from '../../pvCount/useUnmountedProcess.js';
 import Portal from '../Portal/core/Portal.js';

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

@@ -1 +1 @@
-{"version":3,"file":"ActionablePopover.js","sources":["../../../../src/components/ActionablePopover/ActionablePopover.tsx"],"sourcesContent":["import React, { useState, useMemo, isValidElement, useEffect, useRef } from \"react\";\nimport { Text, View, TouchableWithoutFeedback, GestureResponderEvent, Animated, Image, Dimensions } from \"react-native\";\nimport { RedsActionablePopover, ActionablePopoverData } from \"./interface/index\";\nimport { ModalWrapper } from \"./component\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { Portal } from \"../Portal\";\nimport { Icon } from \"../Icon\";\nimport { useThemeColor, useThemeTypography } from \"../ConfigProvider\";\nimport getStyles from \"./styles\";\n\nexport default ({\n  mode = \"light\",\n  opacity = 0,\n  content = [],\n  checked = [],\n  children,\n  isControl = false,\n  placement = \"top\",\n  closeOnClickAgain = true,\n  trigger = \"click\",\n  zIndex = 1000,\n  visible,\n  onClick = () => {},\n  onVisibleChange,\n  onClickMask: _onClickMask,\n  popContainerStyle = {},\n  arrowStyles: propsArrowStyles,\n  offset,\n  type,\n  duration,\n  hostName,\n  arrowOffset,\n}: RedsActionablePopover) => {\n  useMounted(\"ActionablePopover\");\n  const needModal = useMemo(() => opacity !== 0, [opacity]);\n\n  const [_visible, setVisible] = useState(false);\n\n  const progress = useRef(new Animated.Value(0)).current;\n\n  const childRef = useRef<any>(null);\n\n  const themeColor = useThemeColor();\n\n  const themeTypography = useThemeTypography();\n\n  const styles = getStyles({ type, mode }, themeTypography, themeColor);\n\n  const [layout, setLayout] = useState({\n    x: 0,\n    y: 0,\n    width: 0,\n    height: 0,\n  });\n\n  const [floatingLayout, setFloatingLayout] = useState({\n    x: 0,\n    y: 0,\n    width: 0,\n    height: 0,\n  });\n\n  const floatStyles = useMemo(() => {\n    const start = [\"top-start\", \"bottom-start\"].includes(placement);\n    const mid = [\"top\", \"bottom\"].includes(placement);\n    const end = [\"top-end\", \"bottom-end\"].includes(placement);\n    const diffX = floatingLayout.width - layout.width;\n    // @ts-expect-error\n    const isHarmony = Platform.OS === \"harmony\";\n    return layout.height\n      ? {\n          position: \"absolute\",\n          top:\n            (placement.includes(\"top\") ? layout.y - floatingLayout.height - 12 : layout.y + layout.height + 12) -\n            (offset?.y || 0),\n          left:\n            (start ? layout.x : mid ? layout.x - diffX / 2 : end ? layout.x - diffX : 0) +\n            (offset?.x || 0) -\n            (isHarmony ? Dimensions.get(\"screen\").width : 0),\n        }\n      : {};\n  }, [placement, layout, floatingLayout]);\n\n  const arrowStyles = useMemo(() => {\n    const start = [\"top-start\", \"bottom-start\"].includes(placement);\n    const mid = [\"top\", \"bottom\"].includes(placement);\n    const end = [\"top-end\", \"bottom-end\"].includes(placement);\n    const diffX = floatingLayout.width - layout.width;\n    // @ts-expect-error\n    const isHarmony = Platform.OS === \"harmony\";\n    return layout.height\n      ? {\n          transform: [{ rotate: placement.includes(\"top\") ? `0deg` : `180deg` }],\n          position: \"absolute\",\n          top:\n            (placement.includes(\"top\") ? layout.y - 12 : layout.y + layout.height + 6) +\n            (offset?.y || 0) +\n            (arrowOffset?.y || 0),\n          left:\n            (start\n              ? layout.x + 8\n              : mid\n                ? layout.x - diffX / 2 + floatingLayout.width / 2 - 6\n                : end\n                  ? layout.x - diffX + floatingLayout.width - 24\n                  : 0) +\n            (offset?.x || 0) +\n            (arrowOffset?.x || 0) -\n            (isHarmony ? Dimensions.get(\"screen\").width : 0),\n        }\n      : {};\n  }, [placement, layout, floatingLayout, offset]);\n\n  useEffect(() => {\n    let timer: any;\n    if (duration) {\n      timer = setTimeout(() => onMaskChange({} as GestureResponderEvent, false), duration);\n    }\n    return () => {\n      timer && clearTimeout(timer);\n    };\n  }, [duration, _visible]);\n\n  /**\n   * 提供popover变化回调\n   */\n  useEffect(() => {\n    onVisibleChange?.(!!_visible);\n    if (_visible) {\n      Animated.timing(progress, {\n        toValue: 1,\n        duration: 400,\n        useNativeDriver: false,\n      }).start();\n    } else {\n      Animated.timing(progress, {\n        toValue: 0,\n        duration: 400,\n        useNativeDriver: false,\n      }).start();\n    }\n  }, [_visible]);\n\n  const onMaskChange = (event: GestureResponderEvent, value: boolean) => {\n    if (isControl) return;\n    if (value === undefined) return setVisible(!_visible);\n    return setVisible(value);\n  };\n\n  const onClickMask = (e: GestureResponderEvent) => {\n    onMaskChange(e, false);\n    _onClickMask?.(e);\n  };\n\n  const popoverStyle = useMemo(() => {\n    return {\n      backgroundColor: mode === \"light\" ? themeColor.White : themeColor.Fill5,\n    };\n  }, [mode]);\n\n  useEffect(() => {\n    isControl && setVisible(!!visible);\n  }, [visible]);\n\n  const angle = useMemo(() => {\n    if (mode === \"light\") {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/907ae578dedd5f26b9c150ab910c7d16234cf219.png\";\n    } else {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/354f38172beb8e9f51725ec0bc9f5d546597e5ba.png\";\n    }\n  }, [mode]);\n\n  useEffect(() => {\n    childRef?.current?.measureInWindow?.((x: number, y: number, width: number, height: number) => {\n      setLayout({\n        x,\n        y,\n        width,\n        height,\n      });\n    });\n  }, [offset]);\n\n  useEffect(() => {\n    if (_visible) {\n      childRef?.current?.measureInWindow?.((x: number, y: number, width: number, height: number) => {\n        setLayout({\n          x,\n          y,\n          width,\n          height,\n        });\n      });\n    }\n  }, [_visible]);\n\n  return (\n    <>\n      {React.Children.map(children, (child, index) => {\n        if (index === 0 && isValidElement(child)) {\n          return (\n            <TouchableWithoutFeedback\n              onPress={(e) => {\n                if (trigger === \"click\") {\n                  if (closeOnClickAgain) {\n                    onMaskChange(e, !_visible);\n                  } else {\n                    onMaskChange(e, true);\n                  }\n                }\n              }}\n              onPressIn={(e) => {\n                trigger === \"touch\" && onMaskChange(e, true);\n              }}\n              onPressOut={(e) => {\n                trigger === \"touch\" && onMaskChange(e, false);\n              }}\n            >\n              <View\n                collapsable={false}\n                ref={(el) => (childRef.current = el)}\n                style={child.props.style}\n                onStartShouldSetResponderCapture={() => !isControl}\n              >\n                {child}\n              </View>\n            </TouchableWithoutFeedback>\n          );\n        }\n        return child;\n      })}\n      <Portal hostName={hostName}>\n        <ModalWrapper\n          needModal={needModal}\n          visible={_visible}\n          onClickMask={onClickMask}\n          opacity={opacity}\n          progress={progress}\n          zIndex={zIndex}\n        >\n          <Animated.View\n            collapsable={false}\n            onLayout={(e) => {\n              setFloatingLayout(e.nativeEvent.layout);\n            }}\n            // @ts-expect-error\n            style={{\n              backgroundColor: popoverStyle.backgroundColor,\n              borderRadius: 12,\n              zIndex,\n              shadowColor: \"#000000\",\n              shadowOffset: { width: 0, height: 1 },\n              shadowOpacity: 0.1,\n              shadowRadius: 4,\n              elevation: 2,\n              ...floatStyles!,\n              ...popContainerStyle!,\n              opacity: progress,\n            }}\n          >\n            {content.map((data: ActionablePopoverData) => {\n              return (\n                <TouchableWithoutFeedback onPress={() => onClick(data.value)}>\n                  <View style={[styles.spaceBetween]}>\n                    <View style={[styles.container, popoverStyle]}>\n                      {data.icon && (\n                        <View style={styles.icon}>\n                          <Icon\n                            icon={data.icon}\n                            size={20}\n                            fill={mode === \"dark\" ? themeColor.White : themeColor.Title}\n                          />\n                        </View>\n                      )}\n                      <Text style={[styles.label, !data.icon && styles.normalLabelLeft, styles.normalLabelRight]}>\n                        {data.label}\n                      </Text>\n                    </View>\n                    {type === \"check\" && (\n                      <View style={styles.check}>\n                        {checked.includes(data.value) ? (\n                          <Image\n                            source={{\n                              uri: \"https://fe-platform.xhscdn.com/platform/104101l031lekb59j5m0md5494g900000000001j6ahsv6\",\n                            }}\n                            style={styles.image}\n                          />\n                        ) : (\n                          <View style={styles.image}></View>\n                        )}\n                      </View>\n                    )}\n                  </View>\n                </TouchableWithoutFeedback>\n              );\n            })}\n          </Animated.View>\n        </ModalWrapper>\n      </Portal>\n    </>\n  );\n};\n"],"names":["_ref","_ref$mode","mode","_ref$opacity","opacity","_ref$content","content","_ref$checked","checked","children","_ref$isControl","isControl","_ref$placement","placement","_ref$closeOnClickAgai","closeOnClickAgain","_ref$trigger","trigger","_ref$zIndex","zIndex","visible","_ref$onClick","onClick","onVisibleChange","_onClickMask","onClickMask","_ref$popContainerStyl","popContainerStyle","arrowStyles","offset","type","duration","hostName","arrowOffset","useMounted","needModal","useMemo","_useState","useState","_useState2","_slicedToArray","_visible","setVisible","progress","useRef","Animated","Value","current","childRef","themeColor","useThemeColor","themeTypography","useThemeTypography","styles","getStyles","_useState3","x","y","width","height","_useState4","layout","setLayout","_useState5","_useState6","floatingLayout","setFloatingLayout","floatStyles","start","includes","mid","end","diffX","isHarmony","Platform","OS","position","top","left","Dimensions","get","transform","rotate","useEffect","timer","setTimeout","onMaskChange","clearTimeout","timing","toValue","useNativeDriver","event","value","e","popoverStyle","backgroundColor","White","Fill5","_childRef$current","_childRef$current$mea","measureInWindow","call","_childRef$current2","_childRef$current2$me","React","Children","map","child","index","isValidElement","createElement","TouchableWithoutFeedback","onPress","onPressIn","onPressOut","View","collapsable","ref","el","style","props","onStartShouldSetResponderCapture","Portal","ModalWrapper","onLayout","nativeEvent","_objectSpread","borderRadius","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","data","spaceBetween","container","icon","Icon","size","fill","Title","Text","label","normalLabelLeft","normalLabelRight","check","Image","source","uri","image"],"mappings":"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"}
+{"version":3,"file":"ActionablePopover.js","sources":["../../../../src/components/ActionablePopover/ActionablePopover.tsx"],"sourcesContent":["import React, { useState, useMemo, isValidElement, useEffect, useRef } from \"react\";\nimport {\n  Text,\n  View,\n  TouchableWithoutFeedback,\n  GestureResponderEvent,\n  Animated,\n  Image,\n  Dimensions,\n  Platform,\n} from \"react-native\";\nimport { RedsActionablePopover, ActionablePopoverData } from \"./interface/index\";\nimport { ModalWrapper } from \"./component\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { Portal } from \"../Portal\";\nimport { Icon } from \"../Icon\";\nimport { useThemeColor, useThemeTypography } from \"../ConfigProvider\";\nimport getStyles from \"./styles\";\n\nexport default ({\n  mode = \"light\",\n  opacity = 0,\n  content = [],\n  checked = [],\n  children,\n  isControl = false,\n  placement = \"top\",\n  closeOnClickAgain = true,\n  trigger = \"click\",\n  zIndex = 1000,\n  visible,\n  onClick = () => {},\n  onVisibleChange,\n  onClickMask: _onClickMask,\n  popContainerStyle = {},\n  arrowStyles: propsArrowStyles,\n  offset,\n  type,\n  duration,\n  hostName,\n  arrowOffset,\n}: RedsActionablePopover) => {\n  useMounted(\"ActionablePopover\");\n  const needModal = useMemo(() => opacity !== 0, [opacity]);\n\n  const [_visible, setVisible] = useState(false);\n\n  const progress = useRef(new Animated.Value(0)).current;\n\n  const childRef = useRef<any>(null);\n\n  const themeColor = useThemeColor();\n\n  const themeTypography = useThemeTypography();\n\n  const styles = getStyles({ type, mode }, themeTypography, themeColor);\n\n  const [layout, setLayout] = useState({\n    x: 0,\n    y: 0,\n    width: 0,\n    height: 0,\n  });\n\n  const [floatingLayout, setFloatingLayout] = useState({\n    x: 0,\n    y: 0,\n    width: 0,\n    height: 0,\n  });\n\n  const floatStyles = useMemo(() => {\n    const start = [\"top-start\", \"bottom-start\"].includes(placement);\n    const mid = [\"top\", \"bottom\"].includes(placement);\n    const end = [\"top-end\", \"bottom-end\"].includes(placement);\n    const diffX = floatingLayout.width - layout.width;\n    // @ts-expect-error\n    const isHarmony = Platform.OS === \"harmony\";\n    return layout.height\n      ? {\n          position: \"absolute\",\n          top:\n            (placement.includes(\"top\") ? layout.y - floatingLayout.height - 12 : layout.y + layout.height + 12) -\n            (offset?.y || 0),\n          left:\n            (start ? layout.x : mid ? layout.x - diffX / 2 : end ? layout.x - diffX : 0) +\n            (offset?.x || 0) -\n            (isHarmony ? Dimensions.get(\"screen\").width : 0),\n        }\n      : {};\n  }, [placement, layout, floatingLayout]);\n\n  const arrowStyles = useMemo(() => {\n    const start = [\"top-start\", \"bottom-start\"].includes(placement);\n    const mid = [\"top\", \"bottom\"].includes(placement);\n    const end = [\"top-end\", \"bottom-end\"].includes(placement);\n    const diffX = floatingLayout.width - layout.width;\n    // @ts-expect-error\n    const isHarmony = Platform.OS === \"harmony\";\n    return layout.height\n      ? {\n          transform: [{ rotate: placement.includes(\"top\") ? `0deg` : `180deg` }],\n          position: \"absolute\",\n          top:\n            (placement.includes(\"top\") ? layout.y - 12 : layout.y + layout.height + 6) +\n            (offset?.y || 0) +\n            (arrowOffset?.y || 0),\n          left:\n            (start\n              ? layout.x + 8\n              : mid\n                ? layout.x - diffX / 2 + floatingLayout.width / 2 - 6\n                : end\n                  ? layout.x - diffX + floatingLayout.width - 24\n                  : 0) +\n            (offset?.x || 0) +\n            (arrowOffset?.x || 0) -\n            (isHarmony ? Dimensions.get(\"screen\").width : 0),\n        }\n      : {};\n  }, [placement, layout, floatingLayout, offset]);\n\n  useEffect(() => {\n    let timer: any;\n    if (duration) {\n      timer = setTimeout(() => onMaskChange({} as GestureResponderEvent, false), duration);\n    }\n    return () => {\n      timer && clearTimeout(timer);\n    };\n  }, [duration, _visible]);\n\n  /**\n   * 提供popover变化回调\n   */\n  useEffect(() => {\n    onVisibleChange?.(!!_visible);\n    if (_visible) {\n      Animated.timing(progress, {\n        toValue: 1,\n        duration: 400,\n        useNativeDriver: false,\n      }).start();\n    } else {\n      Animated.timing(progress, {\n        toValue: 0,\n        duration: 400,\n        useNativeDriver: false,\n      }).start();\n    }\n  }, [_visible]);\n\n  const onMaskChange = (event: GestureResponderEvent, value: boolean) => {\n    if (isControl) return;\n    if (value === undefined) return setVisible(!_visible);\n    return setVisible(value);\n  };\n\n  const onClickMask = (e: GestureResponderEvent) => {\n    onMaskChange(e, false);\n    _onClickMask?.(e);\n  };\n\n  const popoverStyle = useMemo(() => {\n    return {\n      backgroundColor: mode === \"light\" ? themeColor.White : themeColor.Fill5,\n    };\n  }, [mode]);\n\n  useEffect(() => {\n    isControl && setVisible(!!visible);\n  }, [visible]);\n\n  const angle = useMemo(() => {\n    if (mode === \"light\") {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/907ae578dedd5f26b9c150ab910c7d16234cf219.png\";\n    } else {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/354f38172beb8e9f51725ec0bc9f5d546597e5ba.png\";\n    }\n  }, [mode]);\n\n  useEffect(() => {\n    childRef?.current?.measureInWindow?.((x: number, y: number, width: number, height: number) => {\n      setLayout({\n        x,\n        y,\n        width,\n        height,\n      });\n    });\n  }, [offset]);\n\n  useEffect(() => {\n    if (_visible) {\n      childRef?.current?.measureInWindow?.((x: number, y: number, width: number, height: number) => {\n        setLayout({\n          x,\n          y,\n          width,\n          height,\n        });\n      });\n    }\n  }, [_visible]);\n\n  return (\n    <>\n      {React.Children.map(children, (child, index) => {\n        if (index === 0 && isValidElement(child)) {\n          return (\n            <TouchableWithoutFeedback\n              onPress={(e) => {\n                if (trigger === \"click\") {\n                  if (closeOnClickAgain) {\n                    onMaskChange(e, !_visible);\n                  } else {\n                    onMaskChange(e, true);\n                  }\n                }\n              }}\n              onPressIn={(e) => {\n                trigger === \"touch\" && onMaskChange(e, true);\n              }}\n              onPressOut={(e) => {\n                trigger === \"touch\" && onMaskChange(e, false);\n              }}\n            >\n              <View\n                collapsable={false}\n                ref={(el) => (childRef.current = el)}\n                style={child.props.style}\n                onStartShouldSetResponderCapture={() => !isControl}\n              >\n                {child}\n              </View>\n            </TouchableWithoutFeedback>\n          );\n        }\n        return child;\n      })}\n      <Portal hostName={hostName}>\n        <ModalWrapper\n          needModal={needModal}\n          visible={_visible}\n          onClickMask={onClickMask}\n          opacity={opacity}\n          progress={progress}\n          zIndex={zIndex}\n        >\n          <Animated.View\n            collapsable={false}\n            onLayout={(e) => {\n              setFloatingLayout(e.nativeEvent.layout);\n            }}\n            // @ts-expect-error\n            style={{\n              backgroundColor: popoverStyle.backgroundColor,\n              borderRadius: 12,\n              zIndex,\n              shadowColor: \"#000000\",\n              shadowOffset: { width: 0, height: 1 },\n              shadowOpacity: 0.1,\n              shadowRadius: 4,\n              elevation: 2,\n              ...floatStyles!,\n              ...popContainerStyle!,\n              opacity: progress,\n            }}\n          >\n            {content.map((data: ActionablePopoverData) => {\n              return (\n                <TouchableWithoutFeedback onPress={() => onClick(data.value)}>\n                  <View style={[styles.spaceBetween]}>\n                    <View style={[styles.container, popoverStyle]}>\n                      {data.icon && (\n                        <View style={styles.icon}>\n                          <Icon\n                            icon={data.icon}\n                            size={20}\n                            fill={mode === \"dark\" ? themeColor.White : themeColor.Title}\n                          />\n                        </View>\n                      )}\n                      <Text style={[styles.label, !data.icon && styles.normalLabelLeft, styles.normalLabelRight]}>\n                        {data.label}\n                      </Text>\n                    </View>\n                    {type === \"check\" && (\n                      <View style={styles.check}>\n                        {checked.includes(data.value) ? (\n                          <Image\n                            source={{\n                              uri: \"https://fe-platform.xhscdn.com/platform/104101l031lekb59j5m0md5494g900000000001j6ahsv6\",\n                            }}\n                            style={styles.image}\n                          />\n                        ) : (\n                          <View style={styles.image}></View>\n                        )}\n                      </View>\n                    )}\n                  </View>\n                </TouchableWithoutFeedback>\n              );\n            })}\n          </Animated.View>\n        </ModalWrapper>\n      </Portal>\n    </>\n  );\n};\n"],"names":["_ref","_ref$mode","mode","_ref$opacity","opacity","_ref$content","content","_ref$checked","checked","children","_ref$isControl","isControl","_ref$placement","placement","_ref$closeOnClickAgai","closeOnClickAgain","_ref$trigger","trigger","_ref$zIndex","zIndex","visible","_ref$onClick","onClick","onVisibleChange","_onClickMask","onClickMask","_ref$popContainerStyl","popContainerStyle","arrowStyles","offset","type","duration","hostName","arrowOffset","useMounted","needModal","useMemo","_useState","useState","_useState2","_slicedToArray","_visible","setVisible","progress","useRef","Animated","Value","current","childRef","themeColor","useThemeColor","themeTypography","useThemeTypography","styles","getStyles","_useState3","x","y","width","height","_useState4","layout","setLayout","_useState5","_useState6","floatingLayout","setFloatingLayout","floatStyles","start","includes","mid","end","diffX","isHarmony","Platform","OS","position","top","left","Dimensions","get","transform","rotate","useEffect","timer","setTimeout","onMaskChange","clearTimeout","timing","toValue","useNativeDriver","event","value","e","popoverStyle","backgroundColor","White","Fill5","_childRef$current","_childRef$current$mea","measureInWindow","call","_childRef$current2","_childRef$current2$me","React","Children","map","child","index","isValidElement","createElement","TouchableWithoutFeedback","onPress","onPressIn","onPressOut","View","collapsable","ref","el","style","props","onStartShouldSetResponderCapture","Portal","ModalWrapper","onLayout","nativeEvent","_objectSpread","borderRadius","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","data","spaceBetween","container","icon","Icon","size","fill","Title","Text","label","normalLabelLeft","normalLabelRight","check","Image","source","uri","image"],"mappings":"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"}

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

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

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

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

package/lib/esm/components/Divider/Divider.js

@@ -1,33 +1,54 @@
-import { a as _objectSpread2 } from '../../_chunks/CAkwE9ZD.js';
-import React from 'react';
+import { _ as _slicedToArray, a as _objectSpread2 } from '../../_chunks/CAkwE9ZD.js';
+import React, { useState, useMemo } from 'react';
 import { View, Text } from 'react-native';
 import { D as DividerDefaultProps } from '../../_chunks/CLoffREn.js';
 import { getStyles } from './styles.js';
 import useMounted from '../../pvCount/useUnmountedProcess.js';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
-import '@xhsreds/reds-token-next';
+import { useThemeColor, useThemeTypography } from '../ConfigProvider/hooks/themeToken/useThemeToken.js';
 import '@xhs/reds-apm/src/index.native';
-import '../ConfigProvider/hooks/themeToken/useThemeToken.js';
-import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 import '../../pvCount/pvData.js';
+import '@xhsreds/reds-token-next';
+import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 
 var Divider = function Divider(props) {
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    textWidth = _useState2[0],
+    setTextWidth = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    containerWidth = _useState4[0],
+    setContainerWidth = _useState4[1];
+  var themeColor = useThemeColor("Divider");
+  var typography = useThemeTypography("Divider");
   useMounted("Divider");
   var finalProps = _objectSpread2(_objectSpread2(_objectSpread2({}, DividerDefaultProps), props), {}, {
-    direction: props.direction,
-    orientation: props.orientation
+    direction: props.direction || DividerDefaultProps.direction,
+    orientation: props.orientation || DividerDefaultProps.orientation
   });
-  var styles = getStyles(finalProps);
-  var isPrimary = finalProps.direction === "primary" || finalProps.direction === "secondary";
+  var styles = useMemo(function () {
+    return getStyles(finalProps, textWidth, containerWidth, themeColor, typography);
+  }, [textWidth, containerWidth, themeColor, typography]);
+  var handleLayout = function handleLayout(e) {
+    setTextWidth(e.nativeEvent.layout.width);
+  };
+  var handlerContainerWidth = function handlerContainerWidth(e) {
+    setContainerWidth(e.nativeEvent.layout.width);
+  };
   return /* @__PURE__ */React.createElement(View, {
-    style: [styles.divider, styles[finalProps.direction]]
+    style: [styles.divider, styles[finalProps.direction]],
+    onLayout: handlerContainerWidth
   }, finalProps.orientation && finalProps.direction !== "vertical" && /* @__PURE__ */React.createElement(View, {
     style: styles.textContainer
-  }, isPrimary && /* @__PURE__ */React.createElement(View, {
+  }, /* @__PURE__ */React.createElement(View, {
     style: styles.before
-  }), props.children && /* @__PURE__ */React.createElement(Text, {
-    style: styles.text
-  }, props.children), isPrimary && /* @__PURE__ */React.createElement(View, {
+  }), props.children ? /* @__PURE__ */React.createElement(Text, {
+    style: styles.text,
+    onLayout: handleLayout
+  }, props.children) : /* @__PURE__ */React.createElement(Text, {
+    style: styles.noTextBorderStyle
+  }), /* @__PURE__ */React.createElement(View, {
     style: styles.after
   })));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import React from \"react\";\nimport { View, Text } from \"react-native\";\nimport { RedsDivider, DividerDefaultProps } from \"./interface\";\nimport { getStyles } from \"./styles\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\n\nconst Divider = (props: RedsDivider) => {\n  useMounted(\"Divider\");\n  const finalProps: RedsDivider = {\n    ...DividerDefaultProps,\n    ...props,\n    direction: props.direction as RedsDivider[\"direction\"],\n    orientation: props.orientation as RedsDivider[\"orientation\"],\n  };\n\n  const styles = getStyles(finalProps);\n  const isPrimary = finalProps.direction === \"primary\" || finalProps.direction === \"secondary\";\n\n  return (\n    <View style={[styles.divider, styles[finalProps.direction!]]}>\n      {finalProps.orientation && finalProps.direction !== \"vertical\" && (\n        <View style={styles.textContainer}>\n          {isPrimary && <View style={styles.before} />}\n          {props.children && <Text style={styles.text}>{props.children}</Text>}\n          {isPrimary && <View style={styles.after} />}\n        </View>\n      )}\n    </View>\n  );\n};\n\nexport default React.memo(Divider);\n"],"names":["Divider","props","useMounted","finalProps","_objectSpread","DividerDefaultProps","direction","orientation","styles","getStyles","isPrimary","React","createElement","View","style","divider","textContainer","before","children","Text","text","after","memo"],"mappings":";;;;;;;;;;;;;AAMA,IAAMA,OAAA,GAAU,SAAVA,OAAAA,CAAWC,KAAuB,EAAA;EACtCC,UAAA,CAAW,SAAS,CAAA,CAAA;EACpB,IAAMC,UAA0B,GAAAC,cAAA,CAAAA,cAAA,CAAAA,cAAA,CAAA,EAAA,EAC3BC,mBAAA,CAAA,EACAJ,KAAA,CAAA,EAAA,EAAA,EAAA;IACHK,WAAWL,KAAM,CAAAK,SAAA;IACjBC,aAAaN,KAAM,CAAAM,WAAAA;GACrB,CAAA,CAAA;AAEM,EAAA,IAAAC,MAAA,GAASC,UAAUN,UAAU,CAAA,CAAA;AACnC,EAAA,IAAMO,SAAY,GAAAP,UAAA,CAAWG,SAAc,KAAA,SAAA,IAAaH,WAAWG,SAAc,KAAA,WAAA,CAAA;AAG/E,EAAA,sBAAAK,KAAA,CAAAC,aAAA,CAACC;IAAKC,KAAO,EAAA,CAACN,OAAOO,OAAS,EAAAP,MAAA,CAAOL,WAAWG,SAAU,CAAC,CAAA;KACxDH,UAAW,CAAAI,WAAA,IAAeJ,WAAWG,SAAc,KAAA,UAAA,uCACjDO,IAAK,EAAA;IAAAC,KAAA,EAAON,OAAOQ,aAAAA;GACjB,EAAAN,SAAA,uCAAcG,IAAK,EAAA;IAAAC,KAAA,EAAON,OAAOS,MAAAA;AAAQ,GAAA,CAAA,EACzChB,MAAMiB,QAAY,mBAAAP,KAAA,CAAAC,aAAA,CAACO;IAAKL,KAAO,EAAAN,MAAA,CAAOY,IAAAA;KAAOnB,KAAM,CAAAiB,QAAS,GAC5DR,SAAa,mBAAAC,KAAA,CAAAC,aAAA,CAACC;IAAKC,KAAO,EAAAN,MAAA,CAAOa,KAAAA;GAAO,CAC3C,CAEJ,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,gBAAA,aAAeV,KAAA,CAAMW,KAAKtB,OAAO,CAAA;;;;"}
+{"version":3,"file":"Divider.js","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import React, { useState, useMemo } from \"react\";\nimport { View, Text } from \"react-native\";\nimport { RedsDivider, DividerDefaultProps } from \"./interface\";\nimport { getStyles } from \"./styles\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { useThemeColor, useThemeTypography } from \"../ConfigProvider\";\n\nconst Divider = (props: RedsDivider) => {\n  const [textWidth, setTextWidth] = useState(0);\n  const [containerWidth, setContainerWidth] = useState(0);\n  const themeColor = useThemeColor(\"Divider\");\n  const typography = useThemeTypography(\"Divider\");\n  useMounted(\"Divider\");\n  const finalProps: RedsDivider = {\n    ...DividerDefaultProps,\n    ...props,\n    direction: (props.direction || DividerDefaultProps.direction) as RedsDivider[\"direction\"],\n    orientation: (props.orientation || DividerDefaultProps.orientation) as RedsDivider[\"orientation\"],\n  };\n\n  const styles = useMemo(() => {\n    return getStyles(finalProps, textWidth, containerWidth, themeColor, typography);\n  }, [textWidth, containerWidth, themeColor, typography]);\n\n  const handleLayout = (e: any) => {\n    setTextWidth(e.nativeEvent.layout.width);\n  };\n\n  const handlerContainerWidth = (e: any) => {\n    setContainerWidth(e.nativeEvent.layout.width);\n  };\n\n  return (\n    <View style={[styles.divider, styles[finalProps.direction!]]} onLayout={handlerContainerWidth}>\n      {finalProps.orientation && finalProps.direction !== \"vertical\" && (\n        <View style={styles.textContainer}>\n          <View style={styles.before} />\n          {props.children ? (\n            <Text style={styles.text} onLayout={handleLayout}>\n              {props.children}\n            </Text>\n          ) : (\n            <Text style={styles.noTextBorderStyle}></Text>\n          )}\n          <View style={styles.after} />\n        </View>\n      )}\n    </View>\n  );\n};\n\nexport default React.memo(Divider);\n"],"names":["Divider","props","_useState","useState","_useState2","_slicedToArray","textWidth","setTextWidth","_useState3","_useState4","containerWidth","setContainerWidth","themeColor","useThemeColor","typography","useThemeTypography","useMounted","finalProps","_objectSpread","DividerDefaultProps","direction","orientation","styles","useMemo","getStyles","handleLayout","e","nativeEvent","layout","width","handlerContainerWidth","React","createElement","View","style","divider","onLayout","textContainer","before","children","Text","text","noTextBorderStyle","after","memo"],"mappings":"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"}

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

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