@xhsreds/reds-rn-next 0.10.1-beta202512092141 → 0.10.1-beta202512111630

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/DatePicker/DatePicker.js

@@ -33,7 +33,7 @@ import '@xhs/lottie-react-native';
 import '../PickerView/styles.js';
 import '../PickerView/Wheel.js';
 import '../Sheets/AnimatedSheets.js';
-import '../../_chunks/C4jyXYEi.js';
+import '../../_chunks/DMjPllnU.js';
 import '../Sheets/styles.js';
 import '../Button/Button.js';
 import '../../_chunks/BW8QYG9p.js';

package/lib/esm/components/DatePicker/api.js

@@ -38,7 +38,7 @@ import '@xhs/lottie-react-native';
 import '../PickerView/styles.js';
 import '../PickerView/Wheel.js';
 import '../Sheets/AnimatedSheets.js';
-import '../../_chunks/C4jyXYEi.js';
+import '../../_chunks/DMjPllnU.js';
 import '../Sheets/styles.js';
 import '../Button/Button.js';
 import '../../_chunks/BW8QYG9p.js';

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

@@ -35,7 +35,7 @@ import '@xhs/lottie-react-native';
 import '../PickerView/styles.js';
 import '../PickerView/Wheel.js';
 import '../Sheets/AnimatedSheets.js';
-import '../../_chunks/C4jyXYEi.js';
+import '../../_chunks/DMjPllnU.js';
 import '../Sheets/styles.js';
 import '../Button/Button.js';
 import '../../_chunks/BW8QYG9p.js';

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

@@ -1,33 +1,54 @@
-import { a as _objectSpread2 } from '../../_chunks/ZEfofTDH.js';
-import React from 'react';
+import { _ as _slicedToArray, a as _objectSpread2 } from '../../_chunks/ZEfofTDH.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/ZEfofTDH.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';
 
 
 

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

@@ -1,33 +1,26 @@
 import { a as _objectSpread2 } from '../../_chunks/ZEfofTDH.js';
 import { StyleSheet } from 'react-native';
 import { D as DividerDefaultProps } from '../../_chunks/CLoffREn.js';
-import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
-import 'react';
-import '@xhs/reds-apm/src/index.native';
-import { useThemeColor, useThemeTypography } from '../ConfigProvider/hooks/themeToken/useThemeToken.js';
-import '@xhsreds/reds-token-next';
-import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 
 var baseDivider = {
   position: "relative"
 };
-var getStyles = function getStyles(p) {
+var getStyles = function getStyles(p, textWidth, containerWidth, themeColor, typography) {
   var props = _objectSpread2(_objectSpread2({}, DividerDefaultProps), p);
-  var themeColor = useThemeColor("Divider");
-  var typography = useThemeTypography("Divider");
   var isHorizontal = props.direction === "horizontal";
+  p.children;
+  var remainingWidth = containerWidth - textWidth;
   var beforeAfterCommon = {
     borderStyle: "solid",
-    borderTopWidth: 0.5,
-    borderColor: props.color || themeColor.Separator2,
-    width: 8
+    borderTopWidth: props.stroke || 0.5,
+    borderColor: props.color || themeColor.Separator2
   };
   var dividerStyle = _objectSpread2(_objectSpread2({}, baseDivider), {}, {
-    borderBottomWidth: isHorizontal ? props.stroke ? props.stroke : StyleSheet.hairlineWidth : 0,
-    borderLeftWidth: isHorizontal ? 0 : props.stroke ? props.stroke : StyleSheet.hairlineWidth,
-    borderBottomColor: isHorizontal ? props.color || themeColor.Separator2 : void 0,
-    borderLeftColor: isHorizontal ? void 0 : props.color || themeColor.Separator2,
-    borderStyle: "solid",
+    // borderBottomWidth: isHorizontal && hasTextContent ? 0 : (isHorizontal ? (props.stroke ? props.stroke : StyleSheet.hairlineWidth) : 0),
+    // borderLeftWidth: isHorizontal ? 0 : props.stroke ? props.stroke : StyleSheet.hairlineWidth,
+    // borderBottomColor: isHorizontal && !hasTextContent ? props.color || themeColor.Separator2 : undefined,
+    // borderLeftColor: isHorizontal ? undefined : props.color || themeColor.Separator2,
+    // borderStyle: "solid",
     marginVertical: props.margin && props.margin[0] && Number(props.margin[0]) || (isHorizontal ? 20 : 0),
     marginHorizontal: props.margin && props.margin[1] && Number(props.margin[1]) || (isHorizontal ? 0 : 12),
     marginLeft: props.margin && props.margin[1] && (props.orientation === "center" || props.orientation === "left") && Number(props.margin[1]) || (isHorizontal ? 0 : 12),
@@ -35,16 +28,10 @@ var getStyles = function getStyles(p) {
     width: isHorizontal ? props.size : "auto"
   });
   var textContainer = {
-    paddingVertical: 0,
-    paddingHorizontal: 16,
-    position: "absolute",
-    lineHeight: 18,
-    left: props.orientation === "left" ? 24 : void 0,
-    right: props.orientation === "right" ? 24 : void 0,
-    alignSelf: props.orientation === "center" ? "center" : void 0,
     flexDirection: "row",
     alignItems: "center",
-    top: isHorizontal && -9 || 0
+    width: "100%"
+    // 移除 position absolute，改为正常布局
   };
   var textStyle = {
     fontSize: typography.C2FontSize,
@@ -57,12 +44,30 @@ var getStyles = function getStyles(p) {
   var secondaryStyle = _objectSpread2(_objectSpread2({}, textStyle), {}, {
     color: "rgba(51, 51, 51, .3)"
   });
-  var beforeStyle = _objectSpread2(_objectSpread2({}, beforeAfterCommon), {}, {
-    marginRight: 8,
+  var beforeStyle = _objectSpread2(_objectSpread2(_objectSpread2({}, beforeAfterCommon), {}, {
+    marginRight: props.children ? 8 : 0
+  }, isHorizontal ? props.orientation === "center" ? {
+    flex: 1
+  } : {
+    width: props.orientation === "left" ? remainingWidth * 0.15 : remainingWidth * 0.85
+  } : {
+    width: 8
+  }), {}, {
+    borderColor: props.direction === "secondary" ? "rgba(51, 51, 51, .3)" : props.color || themeColor.Separator2
+  });
+  var afterStyle = _objectSpread2(_objectSpread2(_objectSpread2({}, beforeAfterCommon), {}, {
+    marginLeft: props.children ? 8 : 0
+  }, isHorizontal ? props.orientation === "center" ? {
+    flex: 1
+  } : {
+    width: props.orientation === "right" ? remainingWidth * 0.15 : remainingWidth * 0.85
+  } : {
+    width: 8
+  }), {}, {
     borderColor: props.direction === "secondary" ? "rgba(51, 51, 51, .3)" : props.color || themeColor.Separator2
   });
-  var afterStyle = _objectSpread2(_objectSpread2({}, beforeAfterCommon), {}, {
-    marginLeft: 8,
+  var noTextBorderStyle = _objectSpread2(_objectSpread2({}, beforeAfterCommon), {}, {
+    width: "auto",
     borderColor: props.direction === "secondary" ? "rgba(51, 51, 51, .3)" : props.color || themeColor.Separator2
   });
   var verticalStyle = _objectSpread2(_objectSpread2({}, dividerStyle), {}, {
@@ -78,7 +83,8 @@ var getStyles = function getStyles(p) {
     textContainer: textContainer,
     text: textStyle,
     before: beforeStyle,
-    after: afterStyle
+    after: afterStyle,
+    noTextBorderStyle: noTextBorderStyle
   });
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Divider/styles.ts"],"sourcesContent":["import { StyleSheet, ViewStyle, TextStyle, DimensionValue } from \"react-native\";\nimport { RedsDivider, DividerDefaultProps } from \"./interface\";\nimport { useThemeColor, useThemeTypography } from \"../ConfigProvider\";\n\nconst baseDivider: ViewStyle = {\n  position: \"relative\",\n};\n\nconst baseText: TextStyle = {\n  paddingVertical: 0,\n  paddingHorizontal: 16,\n  position: \"absolute\",\n  backgroundColor: \"#fff\",\n  lineHeight: 18,\n};\n\nconst getStyles = (p: RedsDivider) => {\n  const props = { ...DividerDefaultProps, ...p };\n  const themeColor = useThemeColor(\"Divider\");\n  const typography = useThemeTypography(\"Divider\");\n  const isHorizontal = props.direction === \"horizontal\";\n  const beforeAfterCommon: ViewStyle = {\n    borderStyle: \"solid\",\n    borderTopWidth: 0.5,\n    borderColor: props.color || themeColor.Separator2,\n    width: 8,\n  };\n\n  const dividerStyle: ViewStyle = {\n    ...baseDivider,\n    borderBottomWidth: isHorizontal ? (props.stroke ? props.stroke : StyleSheet.hairlineWidth) : 0,\n    borderLeftWidth: isHorizontal ? 0 : props.stroke ? props.stroke : StyleSheet.hairlineWidth,\n    borderBottomColor: isHorizontal ? props.color || themeColor.Separator2 : undefined,\n    borderLeftColor: isHorizontal ? undefined : props.color || themeColor.Separator2,\n    borderStyle: \"solid\",\n    marginVertical: (props.margin && props.margin[0] && Number(props.margin[0])) || (isHorizontal ? 20 : 0),\n    marginHorizontal: (props.margin && props.margin[1] && Number(props.margin[1])) || (isHorizontal ? 0 : 12),\n    marginLeft:\n      (props.margin &&\n        props.margin[1] &&\n        (props.orientation === \"center\" || props.orientation === \"left\") &&\n        Number(props.margin[1])) ||\n      (isHorizontal ? 0 : 12),\n    marginRight:\n      (props.margin && props.margin[1] && props.orientation === \"center\" ? Number(props.margin[1]) : 0) ||\n      (isHorizontal ? 0 : 12),\n    width: (isHorizontal ? props.size : \"auto\") as DimensionValue,\n  };\n\n  const textContainer: TextStyle = {\n    paddingVertical: 0,\n    paddingHorizontal: 16,\n    position: \"absolute\",\n    lineHeight: 18,\n    left: props.orientation === \"left\" ? 24 : undefined,\n    right: props.orientation === \"right\" ? 24 : undefined,\n    alignSelf: props.orientation === \"center\" ? \"center\" : undefined,\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    top: (isHorizontal && -9) || 0,\n  };\n\n  const textStyle: TextStyle = {\n    fontSize: typography.C2FontSize,\n    fontWeight: \"400\" as TextStyle[\"fontWeight\"],\n    color: props.direction === \"secondary\" ? \"rgba(51, 51, 51, .3)\" : themeColor.Description,\n  };\n\n  const primaryStyle: TextStyle = {\n    ...textStyle,\n    color: themeColor.Description,\n  };\n\n  const secondaryStyle: TextStyle = {\n    ...textStyle,\n    color: \"rgba(51, 51, 51, .3)\",\n  };\n\n  const beforeStyle: ViewStyle = {\n    ...beforeAfterCommon,\n    marginRight: 8,\n    borderColor: props.direction === \"secondary\" ? \"rgba(51, 51, 51, .3)\" : props.color || themeColor.Separator2,\n  };\n\n  const afterStyle: ViewStyle = {\n    ...beforeAfterCommon,\n    marginLeft: 8,\n    borderColor: props.direction === \"secondary\" ? \"rgba(51, 51, 51, .3)\" : props.color || themeColor.Separator2,\n  };\n\n  const verticalStyle: ViewStyle = {\n    ...dividerStyle,\n    height: (props.size || 18) as DimensionValue,\n    marginVertical: 0,\n  };\n\n  return StyleSheet.create({\n    divider: baseDivider,\n    horizontal: dividerStyle,\n    vertical: verticalStyle,\n    primary: primaryStyle,\n    secondary: secondaryStyle,\n    textContainer: textContainer,\n    text: textStyle,\n    before: beforeStyle,\n    after: afterStyle,\n  });\n};\n\nexport { getStyles };\n"],"names":["baseDivider","position","getStyles","p","props","_objectSpread","DividerDefaultProps","themeColor","useThemeColor","typography","useThemeTypography","isHorizontal","direction","beforeAfterCommon","borderStyle","borderTopWidth","borderColor","color","Separator2","width","dividerStyle","borderBottomWidth","stroke","StyleSheet","hairlineWidth","borderLeftWidth","borderBottomColor","borderLeftColor","marginVertical","margin","Number","marginHorizontal","marginLeft","orientation","marginRight","size","textContainer","paddingVertical","paddingHorizontal","lineHeight","left","right","alignSelf","flexDirection","alignItems","top","textStyle","fontSize","C2FontSize","fontWeight","Description","primaryStyle","secondaryStyle","beforeStyle","afterStyle","verticalStyle","height","create","divider","horizontal","vertical","primary","secondary","text","before","after"],"mappings":"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"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/Divider/styles.ts"],"sourcesContent":["import { StyleSheet, ViewStyle, TextStyle, DimensionValue } from \"react-native\";\nimport { RedsDivider, DividerDefaultProps } from \"./interface\";\n\nconst baseDivider: ViewStyle = {\n  position: \"relative\",\n};\n\nconst getStyles = (p: RedsDivider, textWidth: number, containerWidth: number, themeColor: any, typography: any) => {\n  const props = { ...DividerDefaultProps, ...p };\n  const isHorizontal = props.direction === \"horizontal\";\n  const hasTextContent = p.children;\n\n  const remainingWidth = containerWidth - textWidth;\n\n  const beforeAfterCommon: ViewStyle = {\n    borderStyle: \"solid\",\n    borderTopWidth: props.stroke || 0.5,\n    borderColor: props.color || themeColor.Separator2,\n  };\n\n  const dividerStyle: ViewStyle = {\n    ...baseDivider,\n    // borderBottomWidth: isHorizontal && hasTextContent ? 0 : (isHorizontal ? (props.stroke ? props.stroke : StyleSheet.hairlineWidth) : 0),\n    // borderLeftWidth: isHorizontal ? 0 : props.stroke ? props.stroke : StyleSheet.hairlineWidth,\n    // borderBottomColor: isHorizontal && !hasTextContent ? props.color || themeColor.Separator2 : undefined,\n    // borderLeftColor: isHorizontal ? undefined : props.color || themeColor.Separator2,\n    // borderStyle: \"solid\",\n    marginVertical: (props.margin && props.margin[0] && Number(props.margin[0])) || (isHorizontal ? 20 : 0),\n    marginHorizontal: (props.margin && props.margin[1] && Number(props.margin[1])) || (isHorizontal ? 0 : 12),\n    marginLeft:\n      (props.margin &&\n        props.margin[1] &&\n        (props.orientation === \"center\" || props.orientation === \"left\") &&\n        Number(props.margin[1])) ||\n      (isHorizontal ? 0 : 12),\n    marginRight:\n      (props.margin && props.margin[1] && props.orientation === \"center\" ? Number(props.margin[1]) : 0) ||\n      (isHorizontal ? 0 : 12),\n    width: (isHorizontal ? props.size : \"auto\") as DimensionValue,\n  };\n\n  const textContainer: ViewStyle = {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    width: \"100%\",\n    // 移除 position absolute，改为正常布局\n  };\n\n  const textStyle: TextStyle = {\n    fontSize: typography.C2FontSize,\n    fontWeight: \"400\" as TextStyle[\"fontWeight\"],\n    color: props.direction === \"secondary\" ? \"rgba(51, 51, 51, .3)\" : themeColor.Description,\n  };\n\n  const primaryStyle: TextStyle = {\n    ...textStyle,\n    color: themeColor.Description,\n  };\n\n  const secondaryStyle: TextStyle = {\n    ...textStyle,\n    color: \"rgba(51, 51, 51, .3)\",\n  };\n\n  const beforeStyle: ViewStyle = {\n    ...beforeAfterCommon,\n    marginRight: props.children ? 8 : 0,\n    ...(isHorizontal\n      ? props.orientation === \"center\"\n        ? { flex: 1 }\n        : { width: props.orientation === \"left\" ? remainingWidth * 0.15 : remainingWidth * 0.85 }\n      : { width: 8 }),\n    borderColor: props.direction === \"secondary\" ? \"rgba(51, 51, 51, .3)\" : props.color || themeColor.Separator2,\n  };\n\n  const afterStyle: ViewStyle = {\n    ...beforeAfterCommon,\n    marginLeft: props.children ? 8 : 0,\n    ...(isHorizontal\n      ? props.orientation === \"center\"\n        ? { flex: 1 }\n        : { width: props.orientation === \"right\" ? remainingWidth * 0.15 : remainingWidth * 0.85 }\n      : { width: 8 }),\n    borderColor: props.direction === \"secondary\" ? \"rgba(51, 51, 51, .3)\" : props.color || themeColor.Separator2,\n  };\n\n  const noTextBorderStyle: ViewStyle = {\n    ...beforeAfterCommon,\n    width: \"auto\",\n    borderColor: props.direction === \"secondary\" ? \"rgba(51, 51, 51, .3)\" : props.color || themeColor.Separator2,\n  };\n\n  const verticalStyle: ViewStyle = {\n    ...dividerStyle,\n    height: (props.size || 18) as DimensionValue,\n    marginVertical: 0,\n  };\n\n  return StyleSheet.create({\n    divider: baseDivider,\n    horizontal: dividerStyle,\n    vertical: verticalStyle,\n    primary: primaryStyle,\n    secondary: secondaryStyle,\n    textContainer: textContainer,\n    text: textStyle,\n    before: beforeStyle,\n    after: afterStyle,\n    noTextBorderStyle: noTextBorderStyle,\n  });\n};\n\nexport { getStyles };\n"],"names":["baseDivider","position","getStyles","p","textWidth","containerWidth","themeColor","typography","props","_objectSpread","DividerDefaultProps","isHorizontal","direction","children","remainingWidth","beforeAfterCommon","borderStyle","borderTopWidth","stroke","borderColor","color","Separator2","dividerStyle","marginVertical","margin","Number","marginHorizontal","marginLeft","orientation","marginRight","width","size","textContainer","flexDirection","alignItems","textStyle","fontSize","C2FontSize","fontWeight","Description","primaryStyle","secondaryStyle","beforeStyle","flex","afterStyle","noTextBorderStyle","verticalStyle","height","StyleSheet","create","divider","horizontal","vertical","primary","secondary","text","before","after"],"mappings":"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"}

package/lib/esm/components/Image/Image.js

@@ -173,11 +173,12 @@ var Image = function Image(_ref) {
   };
   var colorMode = useColorMode();
   return /* @__PURE__ */React.createElement(View, {
-    style: _objectSpread2({
-      borderRadius: borderRadius,
-      height: height,
-      width: width
-    }, style)
+    style: _objectSpread2(_objectSpread2({
+      borderRadius: borderRadius || (style === null || style === void 0 ? void 0 : style.borderRadius)
+    }, style), {}, {
+      height: (height || (style === null || style === void 0 ? void 0 : style.height) || 0) + ((style === null || style === void 0 ? void 0 : style.borderWidth) || 0) * 2,
+      width: (width || (style === null || style === void 0 ? void 0 : style.width) || 0) + ((style === null || style === void 0 ? void 0 : style.borderWidth) || 0) * 2
+    })
   }, imageStatus !== IMAGE_STATUS.HIDE && /* @__PURE__ */React.createElement(Image$2, _objectSpread2(_objectSpread2({}, props), {}, {
     source: formatSource,
     onLoadStart: onLoadStart,
@@ -192,24 +193,24 @@ var Image = function Image(_ref) {
     style: {
       width: width || (style === null || style === void 0 ? void 0 : style.width),
       height: height || (style === null || style === void 0 ? void 0 : style.height),
-      borderRadius: borderRadius
+      borderRadius: borderRadius || (style === null || style === void 0 ? void 0 : style.borderRadius)
       // opacity: imageStatus === IMAGE_STATUS.LOADED ? 1 : 0,
     },
     apmBiz: props.apmBiz
   })), imageStatus === IMAGE_STATUS.LOADING && loadStyle !== TLoadStyle.NONE && /* @__PURE__ */React.createElement(View, {
     style: _objectSpread2(_objectSpread2({
-      width: width,
-      height: height,
-      borderRadius: borderRadius
+      width: width || (style === null || style === void 0 ? void 0 : style.width),
+      height: height || (style === null || style === void 0 ? void 0 : style.height),
+      borderRadius: borderRadius || (style === null || style === void 0 ? void 0 : style.borderRadius)
     }, styles.loadingContainer), {}, {
       backgroundColor: loadStyle === TLoadStyle.AVE ? aveColor : styles.loadingContainer.backgroundColor
-    }, style)
+    })
   }, loadStyle === TLoadStyle.BLUR && /* @__PURE__ */React.createElement(Image$2, {
     source: blurSource,
     style: {
       width: width || (style === null || style === void 0 ? void 0 : style.width),
       height: height || (style === null || style === void 0 ? void 0 : style.height),
-      borderRadius: borderRadius
+      borderRadius: borderRadius || (style === null || style === void 0 ? void 0 : style.borderRadius)
     },
     apmBiz: props.apmBiz
   }), loadStyle === TLoadStyle.LOADING && /* @__PURE__ */React.createElement(CircularProgress, {
@@ -221,8 +222,7 @@ var Image = function Image(_ref) {
     },
     style: _objectSpread2({
       width: width,
-      height: height,
-      borderRadius: borderRadius
+      height: height
     }, styles.loadingContainer)
   }, /* @__PURE__ */React.createElement(Image$2, {
     style: {