@xhsreds/reds-rn-next 0.8.4-fix-image-callbacks202510011434 → 0.9.0

package/lib/cjs/components/Avatar/Avatar.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var reactNative = require('react-native');
-var components_Avatar_interface_index = require('../../_chunks/FPNHDaGB.js');
+var components_Avatar_interface_index = require('../../_chunks/BLXuMm2s.js');
 var components_Avatar_styles = require('./styles.js');
 var pvCount_useUnmountedProcess = require('../../pvCount/useUnmountedProcess.js');
 require('../LanguageProvider/LanguageProvider.js');
 var components_LanguageProvider_hooks_useLanguage = require('../LanguageProvider/hooks/useLanguage.js');
+var redsTokenNext = require('@xhsreds/reds-token-next');
 require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');
-require('@xhsreds/reds-token-next');
 require('@xhs/reds-apm/src/index.native');
 require('../ConfigProvider/hooks/themeToken/useThemeToken.js');
 require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
@@ -119,6 +119,19 @@ var Avatar = function Avatar(props) {
       }).start();
     }
   }, [levelOneBorderScale, levelTwoBorderScale, levelTwoBorderOpacity, pillLightPosition, animated, imageUrl]);
+  var liveSizeClass = function liveSizeClass() {
+    switch (sizeType) {
+      case "small":
+        return tagStyles.liveSmall;
+      case "large":
+        return tagStyles.liveLarge;
+      case "xlarge":
+        return tagStyles.liveXLarge;
+      case "medium":
+      default:
+        return tagStyles.liveMedium;
+    }
+  };
   var liveTextSizeClass = function liveTextSizeClass() {
     switch (sizeType) {
       case "small":
@@ -132,10 +145,25 @@ var Avatar = function Avatar(props) {
         return tagStyles.liveTextMedium;
     }
   };
+  var cloneLiveIcon = React.useMemo(function () {
+    return React.Children.map(liveIcon, function (child) {
+      return /*#__PURE__*/React.cloneElement(child, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({
+        // style: {
+        //   width: avatarSizeMap[sizeType],
+        //   height: avatarSizeMap[sizeType],
+        // },
+        fill: redsTokenNext.alwaysColor.White
+      }, child.props), {}, {
+        size: components_Avatar_interface_index.avatarSizeMap[sizeType]
+      }));
+    });
+  }, [liveIcon, sizeType]);
   var renderTag = React.useMemo(function () {
-    return /* @__PURE__ */React.createElement(reactNative.Text, {
-      style: reactNative.StyleSheet.flatten([tagStyles.avatarLiveTag, liveTextSizeClass(), props.tagStyle])
-    }, liveIcon && liveIcon, liveText || liveStreamingKey);
+    return /* @__PURE__ */React.createElement(reactNative.View, {
+      style: reactNative.StyleSheet.flatten([tagStyles.avatarLiveTag, liveSizeClass()])
+    }, liveIcon && cloneLiveIcon, /* @__PURE__ */React.createElement(reactNative.Text, {
+      style: reactNative.StyleSheet.flatten([liveTextSizeClass(), props.tagStyle])
+    }, liveText || liveStreamingKey));
   }, [size]);
   return /* @__PURE__ */React.createElement(reactNative.View, {
     style: reactNative.StyleSheet.flatten([styles.outContainer, containerStyle])

package/lib/cjs/components/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React, { useMemo, useRef, memo, useEffect } from \"react\";\nimport { View, StyleSheet, Animated, Image, Text, Platform } from \"react-native\";\nimport { RedsAvatar, AvatarDefaultProps } from \"./interface/index\";\nimport { getLiveTextStyles, getAvatarStyles } from \"./styles\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { useLanguage } from \"../LanguageProvider\";\nexport const avatarSizes = {\n  small: 24,\n  medium: 34,\n  large: 44,\n  xlarge: 56,\n};\n\nexport const images = {\n  avatar: \"https://picasso-static.xiaohongshu.com/fe-platform/142addccc643b634416515dae65d49dabbac1e09.png\",\n  light: \"https://picasso-static.xiaohongshu.com/fe-platform/a.png\",\n};\n\nconst Avatar = (props: RedsAvatar) => {\n  const {\n    liveText,\n    size = AvatarDefaultProps.size,\n    type = AvatarDefaultProps.type,\n    outlineColor = AvatarDefaultProps.outlineColor,\n    showTag = type === \"live\" ? true : false,\n    imageUrl = AvatarDefaultProps.imageUrl,\n    animated = AvatarDefaultProps.animated,\n    containerStyle,\n    imageProps,\n    imageStyle,\n    borderNum,\n    liveIcon,\n    children,\n  } = props;\n  useMounted(\"Avatar\");\n\n  const liveStreamingKey = useLanguage(\"componentKey\", \"liveStreamingKey\");\n\n  const width = typeof size === \"number\" ? size : avatarSizes[size as keyof typeof avatarSizes] || avatarSizes.medium;\n\n  const { sizeType, borderWidth, styles, liveStyles, liveStylesSecondary } = getAvatarStyles(\n    width,\n    size as keyof typeof avatarSizes,\n    outlineColor || \"Primary\",\n    borderNum,\n  );\n\n  const { tagContainerStyles, tagStyles } = getLiveTextStyles(sizeType, liveIcon);\n\n  const levelOneBorderScale = useRef(new Animated.Value(1)).current;\n  const levelTwoBorderScale = useRef(new Animated.Value(1)).current;\n  const levelTwoBorderOpacity = useRef(new Animated.Value(1)).current;\n  // const levelTwoBorderWidth = useRef(new Animated.Value(borderWidth - 0.5)).current;\n  const pillLightPosition = useRef(new Animated.Value(0)).current;\n  const animatedLightPosition = pillLightPosition.interpolate({\n    inputRange: [0, 100],\n    outputRange: [\"0%\", \"100%\"],\n  });\n  useEffect(() => {\n    if (animated) {\n      Animated.loop(\n        Animated.parallel([\n          Animated.sequence([\n            Animated.timing(levelOneBorderScale, {\n              toValue: 1.1,\n              duration: props.duration || 600,\n              useNativeDriver: true,\n            }),\n            Animated.timing(levelOneBorderScale, {\n              toValue: 1,\n              duration: props.duration || 600,\n              useNativeDriver: true,\n            }),\n          ]),\n          Animated.sequence([\n            Animated.timing(levelTwoBorderScale, {\n              toValue: 1.1,\n              duration: props.duration || 600,\n              useNativeDriver: true,\n            }),\n            Animated.timing(levelTwoBorderScale, {\n              toValue: 1.2,\n              duration: props.duration || 600,\n              useNativeDriver: true,\n            }),\n          ]),\n          Animated.sequence([\n            Animated.timing(levelTwoBorderOpacity, {\n              toValue: 1,\n              duration: props.duration || 600,\n              useNativeDriver: true,\n            }),\n            Animated.timing(levelTwoBorderOpacity, {\n              toValue: 0,\n              duration: props.duration || 600,\n              useNativeDriver: true,\n            }),\n          ]),\n          // Animated.sequence([\n          //   Animated.timing(levelTwoBorderWidth, {\n          //     toValue: borderWidth - 0.5,\n          //     duration: 600,\n          //     useNativeDriver: false,\n          //   }),\n          //   Animated.timing(levelTwoBorderWidth, {\n          //     toValue: 0,\n          //     duration: 600,\n          //     useNativeDriver: false,\n          //   }),\n          // ]),\n        ]),\n      ).start();\n\n      Animated.loop(\n        Animated.sequence([\n          Animated.timing(pillLightPosition, {\n            toValue: 100,\n            duration: props.duration || 600,\n            useNativeDriver: true,\n          }),\n        ]),\n        {\n          iterations: 2,\n        },\n      ).start();\n    }\n  }, [levelOneBorderScale, levelTwoBorderScale, levelTwoBorderOpacity, pillLightPosition, animated, imageUrl]);\n\n  const liveTextSizeClass = () => {\n    switch (sizeType) {\n      case \"small\":\n        return tagStyles.liveTextSmall;\n      case \"large\":\n        return tagStyles.liveTextLarge;\n      case \"xlarge\":\n        return tagStyles.liveTextXLarge;\n      case \"medium\":\n      default:\n        return tagStyles.liveTextMedium;\n    }\n  };\n\n  const renderTag = useMemo(() => {\n    return (\n      <Text style={StyleSheet.flatten([tagStyles.avatarLiveTag, liveTextSizeClass(), props.tagStyle])}>\n        {liveIcon && liveIcon}\n        {liveText || liveStreamingKey}\n      </Text>\n    );\n  }, [size]);\n\n  return (\n    <View style={StyleSheet.flatten([styles.outContainer, containerStyle])}>\n      {/* 内层头像描边 */}\n      {type === \"live\" && (\n        <Animated.View\n          style={StyleSheet.flatten([\n            styles.container,\n            animated && { transform: [{ scale: levelOneBorderScale }] },\n            liveStyles.container,\n            Platform.OS === \"ios\" && { overflow: \"hidden\" },\n          ])}\n        ></Animated.View>\n      )}\n      {/* 外层头像描边 */}\n      {type === \"live\" && (\n        <Animated.View\n          style={StyleSheet.flatten([\n            styles.container,\n            animated && {\n              transform: [{ scale: levelTwoBorderScale }],\n              opacity: levelTwoBorderOpacity,\n              // borderWidth: levelTwoBorderWidth,\n            },\n            liveStylesSecondary.container,\n            Platform.OS === \"ios\" && { overflow: \"hidden\" },\n          ])}\n        ></Animated.View>\n      )}\n      <View>\n        <Image\n          style={StyleSheet.flatten([styles.img, imageStyle])}\n          source={{ uri: imageUrl || images.avatar }}\n          {...imageProps}\n        />\n      </View>\n      {/* 直播标签 */}\n      {type === \"live\" && (\n        <View style={[tagContainerStyles.outContainer, { zIndex: 999 }]}>\n          <View style={tagContainerStyles.container}>\n            {showTag && renderTag}\n            {animated && <Image style={tagContainerStyles.animatedLight} source={{ uri: images.light }} />}\n          </View>\n        </View>\n      )}\n      {children}\n    </View>\n  );\n};\n\nexport default memo(Avatar);\n"],"names":["avatarSizes","small","medium","large","xlarge","images","avatar","light","Avatar","props","liveText","_props$size","size","AvatarDefaultProps","_props$type","type","_props$outlineColor","outlineColor","_props$showTag","showTag","_props$imageUrl","imageUrl","_props$animated","animated","containerStyle","imageProps","imageStyle","borderNum","liveIcon","children","useMounted","liveStreamingKey","useLanguage","width","_getAvatarStyles","getAvatarStyles","sizeType","borderWidth","styles","liveStyles","liveStylesSecondary","_getLiveTextStyles","getLiveTextStyles","tagContainerStyles","tagStyles","levelOneBorderScale","useRef","Animated","Value","current","levelTwoBorderScale","levelTwoBorderOpacity","pillLightPosition","interpolate","inputRange","outputRange","useEffect","loop","parallel","sequence","timing","toValue","duration","useNativeDriver","start","iterations","liveTextSizeClass","liveTextSmall","liveTextLarge","liveTextXLarge","liveTextMedium","renderTag","useMemo","Text","style","StyleSheet","flatten","avatarLiveTag","tagStyle","React","createElement","View","outContainer","container","transform","scale","Platform","OS","overflow","opacity","Image","_objectSpread","img","source","uri","zIndex","animatedLight","memo"],"mappings":"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"}
+{"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React, { useMemo, useRef, memo, useEffect } from \"react\";\nimport { View, StyleSheet, Animated, Image, Text, Platform } from \"react-native\";\nimport { RedsAvatar, AvatarDefaultProps, avatarSizeMap } from \"./interface/index\";\nimport { getLiveTextStyles, getAvatarStyles } from \"./styles\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { useLanguage } from \"../LanguageProvider\";\nimport { alwaysColor } from \"@xhsreds/reds-token-next\";\nexport const avatarSizes = {\n  small: 24,\n  medium: 34,\n  large: 44,\n  xlarge: 56,\n};\n\nexport const images = {\n  avatar: \"https://picasso-static.xiaohongshu.com/fe-platform/142addccc643b634416515dae65d49dabbac1e09.png\",\n  light: \"https://picasso-static.xiaohongshu.com/fe-platform/a.png\",\n};\n\nconst Avatar = (props: RedsAvatar) => {\n  const {\n    liveText,\n    size = AvatarDefaultProps.size,\n    type = AvatarDefaultProps.type,\n    outlineColor = AvatarDefaultProps.outlineColor,\n    showTag = type === \"live\" ? true : false,\n    imageUrl = AvatarDefaultProps.imageUrl,\n    animated = AvatarDefaultProps.animated,\n    containerStyle,\n    imageProps,\n    imageStyle,\n    borderNum,\n    liveIcon,\n    children,\n  } = props;\n  useMounted(\"Avatar\");\n\n  const liveStreamingKey = useLanguage(\"componentKey\", \"liveStreamingKey\");\n\n  const width = typeof size === \"number\" ? size : avatarSizes[size as keyof typeof avatarSizes] || avatarSizes.medium;\n\n  const { sizeType, borderWidth, styles, liveStyles, liveStylesSecondary } = getAvatarStyles(\n    width,\n    size as keyof typeof avatarSizes,\n    outlineColor || \"Primary\",\n    borderNum,\n  );\n\n  const { tagContainerStyles, tagStyles } = getLiveTextStyles(sizeType, liveIcon);\n\n  const levelOneBorderScale = useRef(new Animated.Value(1)).current;\n  const levelTwoBorderScale = useRef(new Animated.Value(1)).current;\n  const levelTwoBorderOpacity = useRef(new Animated.Value(1)).current;\n  // const levelTwoBorderWidth = useRef(new Animated.Value(borderWidth - 0.5)).current;\n  const pillLightPosition = useRef(new Animated.Value(0)).current;\n  const animatedLightPosition = pillLightPosition.interpolate({\n    inputRange: [0, 100],\n    outputRange: [\"0%\", \"100%\"],\n  });\n  useEffect(() => {\n    if (animated) {\n      Animated.loop(\n        Animated.parallel([\n          Animated.sequence([\n            Animated.timing(levelOneBorderScale, {\n              toValue: 1.1,\n              duration: props.duration || 600,\n              useNativeDriver: true,\n            }),\n            Animated.timing(levelOneBorderScale, {\n              toValue: 1,\n              duration: props.duration || 600,\n              useNativeDriver: true,\n            }),\n          ]),\n          Animated.sequence([\n            Animated.timing(levelTwoBorderScale, {\n              toValue: 1.1,\n              duration: props.duration || 600,\n              useNativeDriver: true,\n            }),\n            Animated.timing(levelTwoBorderScale, {\n              toValue: 1.2,\n              duration: props.duration || 600,\n              useNativeDriver: true,\n            }),\n          ]),\n          Animated.sequence([\n            Animated.timing(levelTwoBorderOpacity, {\n              toValue: 1,\n              duration: props.duration || 600,\n              useNativeDriver: true,\n            }),\n            Animated.timing(levelTwoBorderOpacity, {\n              toValue: 0,\n              duration: props.duration || 600,\n              useNativeDriver: true,\n            }),\n          ]),\n          // Animated.sequence([\n          //   Animated.timing(levelTwoBorderWidth, {\n          //     toValue: borderWidth - 0.5,\n          //     duration: 600,\n          //     useNativeDriver: false,\n          //   }),\n          //   Animated.timing(levelTwoBorderWidth, {\n          //     toValue: 0,\n          //     duration: 600,\n          //     useNativeDriver: false,\n          //   }),\n          // ]),\n        ]),\n      ).start();\n\n      Animated.loop(\n        Animated.sequence([\n          Animated.timing(pillLightPosition, {\n            toValue: 100,\n            duration: props.duration || 600,\n            useNativeDriver: true,\n          }),\n        ]),\n        {\n          iterations: 2,\n        },\n      ).start();\n    }\n  }, [levelOneBorderScale, levelTwoBorderScale, levelTwoBorderOpacity, pillLightPosition, animated, imageUrl]);\n\n  const liveSizeClass = () => {\n    switch (sizeType) {\n      case \"small\":\n        return tagStyles.liveSmall;\n      case \"large\":\n        return tagStyles.liveLarge;\n      case \"xlarge\":\n        return tagStyles.liveXLarge;\n      case \"medium\":\n      default:\n        return tagStyles.liveMedium;\n    }\n  };\n\n  const liveTextSizeClass = () => {\n    switch (sizeType) {\n      case \"small\":\n        return tagStyles.liveTextSmall;\n      case \"large\":\n        return tagStyles.liveTextLarge;\n      case \"xlarge\":\n        return tagStyles.liveTextXLarge;\n      case \"medium\":\n      default:\n        return tagStyles.liveTextMedium;\n    }\n  };\n\n  const cloneLiveIcon = useMemo(() => {\n    return React.Children.map(liveIcon, (child: any) => {\n      return React.cloneElement(child, {\n        // style: {\n        //   width: avatarSizeMap[sizeType],\n        //   height: avatarSizeMap[sizeType],\n        // },\n        fill: alwaysColor.White,\n        ...child.props,\n        size: avatarSizeMap[sizeType],\n      });\n    });\n  }, [liveIcon, sizeType]);\n\n  const renderTag = useMemo(() => {\n    return (\n      <View style={StyleSheet.flatten([tagStyles.avatarLiveTag, liveSizeClass()])}>\n        {liveIcon && cloneLiveIcon}\n        <Text style={StyleSheet.flatten([liveTextSizeClass(), props.tagStyle])}>{liveText || liveStreamingKey}</Text>\n      </View>\n    );\n  }, [size]);\n\n  return (\n    <View style={StyleSheet.flatten([styles.outContainer, containerStyle])}>\n      {/* 内层头像描边 */}\n      {type === \"live\" && (\n        <Animated.View\n          style={StyleSheet.flatten([\n            styles.container,\n            animated && { transform: [{ scale: levelOneBorderScale }] },\n            liveStyles.container,\n            Platform.OS === \"ios\" && { overflow: \"hidden\" },\n          ])}\n        ></Animated.View>\n      )}\n      {/* 外层头像描边 */}\n      {type === \"live\" && (\n        <Animated.View\n          style={StyleSheet.flatten([\n            styles.container,\n            animated && {\n              transform: [{ scale: levelTwoBorderScale }],\n              opacity: levelTwoBorderOpacity,\n              // borderWidth: levelTwoBorderWidth,\n            },\n            liveStylesSecondary.container,\n            Platform.OS === \"ios\" && { overflow: \"hidden\" },\n          ])}\n        ></Animated.View>\n      )}\n      <View>\n        <Image\n          style={StyleSheet.flatten([styles.img, imageStyle])}\n          source={{ uri: imageUrl || images.avatar }}\n          {...imageProps}\n        />\n      </View>\n      {/* 直播标签 */}\n      {type === \"live\" && (\n        <View style={[tagContainerStyles.outContainer, { zIndex: 999 }]}>\n          <View style={tagContainerStyles.container}>\n            {showTag && renderTag}\n            {animated && <Image style={tagContainerStyles.animatedLight} source={{ uri: images.light }} />}\n          </View>\n        </View>\n      )}\n      {children}\n    </View>\n  );\n};\n\nexport default memo(Avatar);\n"],"names":["avatarSizes","small","medium","large","xlarge","images","avatar","light","Avatar","props","liveText","_props$size","size","AvatarDefaultProps","_props$type","type","_props$outlineColor","outlineColor","_props$showTag","showTag","_props$imageUrl","imageUrl","_props$animated","animated","containerStyle","imageProps","imageStyle","borderNum","liveIcon","children","useMounted","liveStreamingKey","useLanguage","width","_getAvatarStyles","getAvatarStyles","sizeType","borderWidth","styles","liveStyles","liveStylesSecondary","_getLiveTextStyles","getLiveTextStyles","tagContainerStyles","tagStyles","levelOneBorderScale","useRef","Animated","Value","current","levelTwoBorderScale","levelTwoBorderOpacity","pillLightPosition","interpolate","inputRange","outputRange","useEffect","loop","parallel","sequence","timing","toValue","duration","useNativeDriver","start","iterations","liveSizeClass","liveSmall","liveLarge","liveXLarge","liveMedium","liveTextSizeClass","liveTextSmall","liveTextLarge","liveTextXLarge","liveTextMedium","cloneLiveIcon","useMemo","React","Children","map","child","cloneElement","_objectSpread","fill","alwaysColor","White","avatarSizeMap","renderTag","createElement","View","style","StyleSheet","flatten","avatarLiveTag","Text","tagStyle","outContainer","container","transform","scale","Platform","OS","overflow","opacity","Image","img","source","uri","zIndex","animatedLight","memo"],"mappings":"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"}

package/lib/cjs/components/Avatar/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_Avatar_Avatar = require('./Avatar.js');
-var components_Avatar_interface_index = require('../../_chunks/FPNHDaGB.js');
+var components_Avatar_interface_index = require('../../_chunks/BLXuMm2s.js');
 require('../../_chunks/C9tZEm0t.js');
 require('react');
 require('react-native');

package/lib/cjs/components/Avatar/interface/index.js

@@ -1,8 +1,9 @@
 'use strict';
 
-var components_Avatar_interface_index = require('../../../_chunks/FPNHDaGB.js');
+var components_Avatar_interface_index = require('../../../_chunks/BLXuMm2s.js');
 
 
 
 exports.AvatarDefaultProps = components_Avatar_interface_index.AvatarDefaultProps;
+exports.avatarSizeMap = components_Avatar_interface_index.avatarSizeMap;
 //# sourceMappingURL=index.js.map

package/lib/cjs/components/Avatar/interface/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

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

@@ -126,22 +126,21 @@ var getLiveTextStyles = function getLiveTextStyles(size, liveIcon) {
       alignItems: "center",
       justifyContent: "center",
       backgroundColor: themeColor.Primary,
-      color: themeColor.White,
       borderRadius: 99,
-      textAlign: "center",
       opacity: 1,
       zIndex: 999
     },
-    liveTextSmall: {
+    liveSmall: {
       fontSize: 8,
-      minWidth: 24,
+      minWidth: liveIcon ? 32 : 24,
       paddingVertical: 2,
       // height: 12,
       display: "flex",
       justifyContent: "center",
-      alignItems: "center"
+      alignItems: "center",
+      paddingHorizontal: liveIcon ? 4 : 0
     },
-    liveTextMedium: {
+    liveMedium: {
       fontSize: 8,
       minWidth: liveIcon ? 34 : 26,
       paddingVertical: 2,
@@ -150,7 +149,7 @@ var getLiveTextStyles = function getLiveTextStyles(size, liveIcon) {
       justifyContent: "center",
       alignItems: "center"
     },
-    liveTextLarge: {
+    liveLarge: {
       fontSize: typography.C3FontSize,
       minWidth: liveIcon ? 44 : 34,
       paddingVertical: 2,
@@ -160,7 +159,7 @@ var getLiveTextStyles = function getLiveTextStyles(size, liveIcon) {
       alignItems: "center",
       fontWeight: typography.C3FontWeight
     },
-    liveTextXLarge: {
+    liveXLarge: {
       fontSize: typography.C2FontSize,
       minWidth: liveIcon ? 56 : 42,
       paddingVertical: 2,
@@ -168,6 +167,30 @@ var getLiveTextStyles = function getLiveTextStyles(size, liveIcon) {
       display: "flex",
       justifyContent: "center",
       alignItems: "center"
+    },
+    liveTextSmall: {
+      fontSize: 8,
+      textAlign: "center",
+      color: themeColor.White,
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center"
+    },
+    liveTextMedium: {
+      fontSize: 8,
+      textAlign: "center",
+      color: themeColor.White
+    },
+    liveTextLarge: {
+      fontSize: typography.C3FontSize,
+      fontWeight: typography.C3FontWeight,
+      textAlign: "center",
+      color: themeColor.White
+    },
+    liveTextXLarge: {
+      fontSize: typography.C2FontSize,
+      textAlign: "center",
+      color: themeColor.White
     }
   });
   return {

package/lib/cjs/components/Avatar/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Avatar/styles.ts"],"sourcesContent":["import { StyleSheet, Platform } from \"react-native\";\nimport { useThemeTypography, useThemeColor } from \"../ConfigProvider\";\n\nconst avatarSizeToTagMargin = {\n  small: -4,\n  medium: -6,\n  large: -8,\n  xlarge: -10,\n};\n\nconst sizeRanges = [{ \"16-28\": \"small\" }, { \"28-44\": \"medium\" }, { \"48-64\": \"large\" }, { \"68-80\": \"xlarge\" }];\n\ntype AvatarSize = \"small\" | \"medium\" | \"large\" | \"xlarge\";\n\nconst getSizeType = (value: number) => {\n  const res = sizeRanges.filter((obj) => {\n    const [min, max] = Object.keys(obj)[0].split(\"-\");\n    return value >= +min && value <= +max;\n  });\n  return res && res.length > 0 ? Object.values(res[0])[0] : \"large\";\n};\n\nexport const getAvatarStyles = (width: number, size: number | AvatarSize, outlineColor: string, borderNum?: number) => {\n  let sizeType = typeof size === \"number\" ? (getSizeType(width) as AvatarSize) : (size as AvatarSize);\n  const themeColor = useThemeColor(\"Avatar\");\n  let borderWidth =\n    typeof borderNum === \"number\" ? borderNum : sizeType === \"xlarge\" ? 2 : sizeType === \"large\" ? 1.5 : 1;\n\n  const styles = StyleSheet.create({\n    container: {\n      borderWidth: 0,\n      width: width + borderWidth * 4,\n      height: width + borderWidth * 4,\n      borderRadius: (width + 100) / 2,\n      position: \"absolute\",\n    },\n    img: {\n      width: width,\n      height: width,\n      borderRadius: width / 2,\n      zIndex: 100,\n    },\n    outContainer: {\n      width: width,\n      height: width,\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n    },\n  });\n\n  const liveStyles = StyleSheet.create({\n    container: {\n      // @ts-ignore\n      borderColor: themeColor[outlineColor] || outlineColor,\n      borderWidth,\n    },\n  });\n  const liveStylesSecondary = StyleSheet.create({\n    container: {\n      // @ts-ignore\n      borderColor: themeColor[outlineColor] || outlineColor,\n      borderWidth: borderWidth,\n    },\n  });\n\n  return {\n    styles,\n    liveStyles,\n    liveStylesSecondary,\n    sizeType,\n    borderWidth,\n  };\n};\n\nexport const getLiveTextStyles = (size: AvatarSize, liveIcon: any) => {\n  const typography = useThemeTypography(\"Avatar\");\n  const themeColor = useThemeColor(\"Avatar\");\n  const tagMargin = avatarSizeToTagMargin[size];\n  const tagContainerStyles = StyleSheet.create({\n    outContainer: {\n      position: \"absolute\",\n      bottom: tagMargin,\n      zIndex: 100,\n    },\n    container: {\n      position: \"relative\",\n      overflow: \"hidden\",\n      width: \"100%\",\n      borderRadius: 60,\n    },\n    animatedLight: {\n      height: 30,\n      bottom: 0,\n      position: \"absolute\",\n      width: 6,\n    },\n  });\n  const tagStyles = StyleSheet.create({\n    text: {\n      fontSize: 7,\n      lineHeight: 10,\n      paddingHorizontal: 0,\n    },\n    container: {\n      width: \"auto\",\n      paddingHorizontal: 3,\n      overflow: \"hidden\",\n      display: \"flex\",\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n    },\n    avatarLiveTag: {\n      display: \"flex\",\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      backgroundColor: themeColor.Primary,\n      color: themeColor.White,\n      borderRadius: 99,\n      textAlign: \"center\",\n      opacity: 1,\n      zIndex: 999,\n    },\n    liveTextSmall: {\n      fontSize: 8,\n      minWidth: 24,\n      paddingVertical: 2,\n      // height: 12,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    liveTextMedium: {\n      fontSize: 8,\n      minWidth: liveIcon ? 34 : 26,\n      paddingVertical: 2,\n      // height: 12,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    liveTextLarge: {\n      fontSize: typography.C3FontSize,\n      minWidth: liveIcon ? 44 : 34,\n      paddingVertical: 2,\n      // height: 16,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      fontWeight: typography.C3FontWeight,\n    },\n    liveTextXLarge: {\n      fontSize: typography.C2FontSize,\n      minWidth: liveIcon ? 56 : 42,\n      paddingVertical: 2,\n      // height: 20,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n  });\n\n  return {\n    tagMargin,\n    tagContainerStyles,\n    tagStyles,\n  };\n};\n"],"names":["avatarSizeToTagMargin","small","medium","large","xlarge","sizeRanges","getSizeType","value","res","filter","obj","_Object$keys$0$split","Object","keys","split","_Object$keys$0$split2","_slicedToArray","min","max","length","values","getAvatarStyles","width","size","outlineColor","borderNum","sizeType","themeColor","useThemeColor","borderWidth","styles","StyleSheet","create","container","height","borderRadius","position","img","zIndex","outContainer","display","alignItems","justifyContent","liveStyles","borderColor","liveStylesSecondary","getLiveTextStyles","liveIcon","typography","useThemeTypography","tagMargin","tagContainerStyles","bottom","overflow","animatedLight","tagStyles","text","fontSize","lineHeight","paddingHorizontal","flexDirection","avatarLiveTag","backgroundColor","Primary","color","White","textAlign","opacity","liveTextSmall","minWidth","paddingVertical","liveTextMedium","liveTextLarge","C3FontSize","fontWeight","C3FontWeight","liveTextXLarge","C2FontSize"],"mappings":"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"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/Avatar/styles.ts"],"sourcesContent":["import { StyleSheet, Platform } from \"react-native\";\nimport { useThemeTypography, useThemeColor } from \"../ConfigProvider\";\n\nconst avatarSizeToTagMargin = {\n  small: -4,\n  medium: -6,\n  large: -8,\n  xlarge: -10,\n};\n\nconst sizeRanges = [{ \"16-28\": \"small\" }, { \"28-44\": \"medium\" }, { \"48-64\": \"large\" }, { \"68-80\": \"xlarge\" }];\n\ntype AvatarSize = \"small\" | \"medium\" | \"large\" | \"xlarge\";\n\nconst getSizeType = (value: number) => {\n  const res = sizeRanges.filter((obj) => {\n    const [min, max] = Object.keys(obj)[0].split(\"-\");\n    return value >= +min && value <= +max;\n  });\n  return res && res.length > 0 ? Object.values(res[0])[0] : \"large\";\n};\n\nexport const getAvatarStyles = (width: number, size: number | AvatarSize, outlineColor: string, borderNum?: number) => {\n  let sizeType = typeof size === \"number\" ? (getSizeType(width) as AvatarSize) : (size as AvatarSize);\n  const themeColor = useThemeColor(\"Avatar\");\n  let borderWidth =\n    typeof borderNum === \"number\" ? borderNum : sizeType === \"xlarge\" ? 2 : sizeType === \"large\" ? 1.5 : 1;\n\n  const styles = StyleSheet.create({\n    container: {\n      borderWidth: 0,\n      width: width + borderWidth * 4,\n      height: width + borderWidth * 4,\n      borderRadius: (width + 100) / 2,\n      position: \"absolute\",\n    },\n    img: {\n      width: width,\n      height: width,\n      borderRadius: width / 2,\n      zIndex: 100,\n    },\n    outContainer: {\n      width: width,\n      height: width,\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n    },\n  });\n\n  const liveStyles = StyleSheet.create({\n    container: {\n      // @ts-ignore\n      borderColor: themeColor[outlineColor] || outlineColor,\n      borderWidth,\n    },\n  });\n  const liveStylesSecondary = StyleSheet.create({\n    container: {\n      // @ts-ignore\n      borderColor: themeColor[outlineColor] || outlineColor,\n      borderWidth: borderWidth,\n    },\n  });\n\n  return {\n    styles,\n    liveStyles,\n    liveStylesSecondary,\n    sizeType,\n    borderWidth,\n  };\n};\n\nexport const getLiveTextStyles = (size: AvatarSize, liveIcon: any) => {\n  const typography = useThemeTypography(\"Avatar\");\n  const themeColor = useThemeColor(\"Avatar\");\n  const tagMargin = avatarSizeToTagMargin[size];\n  const tagContainerStyles = StyleSheet.create({\n    outContainer: {\n      position: \"absolute\",\n      bottom: tagMargin,\n      zIndex: 100,\n    },\n    container: {\n      position: \"relative\",\n      overflow: \"hidden\",\n      width: \"100%\",\n      borderRadius: 60,\n    },\n    animatedLight: {\n      height: 30,\n      bottom: 0,\n      position: \"absolute\",\n      width: 6,\n    },\n  });\n  const tagStyles = StyleSheet.create({\n    text: {\n      fontSize: 7,\n      lineHeight: 10,\n      paddingHorizontal: 0,\n    },\n    container: {\n      width: \"auto\",\n      paddingHorizontal: 3,\n      overflow: \"hidden\",\n      display: \"flex\",\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n    },\n    avatarLiveTag: {\n      display: \"flex\",\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      backgroundColor: themeColor.Primary,\n      borderRadius: 99,\n      opacity: 1,\n      zIndex: 999,\n    },\n    liveSmall: {\n      fontSize: 8,\n      minWidth: liveIcon ? 32 : 24,\n      paddingVertical: 2,\n      // height: 12,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      paddingHorizontal: liveIcon ? 4 : 0,\n    },\n    liveMedium: {\n      fontSize: 8,\n      minWidth: liveIcon ? 34 : 26,\n      paddingVertical: 2,\n      // height: 12,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    liveLarge: {\n      fontSize: typography.C3FontSize,\n      minWidth: liveIcon ? 44 : 34,\n      paddingVertical: 2,\n      // height: 16,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      fontWeight: typography.C3FontWeight,\n    },\n    liveXLarge: {\n      fontSize: typography.C2FontSize,\n      minWidth: liveIcon ? 56 : 42,\n      paddingVertical: 2,\n      // height: 20,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    liveTextSmall: {\n      fontSize: 8,\n      textAlign: \"center\",\n      color: themeColor.White,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    liveTextMedium: {\n      fontSize: 8,\n      textAlign: \"center\",\n      color: themeColor.White,\n    },\n    liveTextLarge: {\n      fontSize: typography.C3FontSize,\n      fontWeight: typography.C3FontWeight,\n      textAlign: \"center\",\n      color: themeColor.White,\n    },\n    liveTextXLarge: {\n      fontSize: typography.C2FontSize,\n      textAlign: \"center\",\n      color: themeColor.White,\n    },\n  });\n\n  return {\n    tagMargin,\n    tagContainerStyles,\n    tagStyles,\n  };\n};\n"],"names":["avatarSizeToTagMargin","small","medium","large","xlarge","sizeRanges","getSizeType","value","res","filter","obj","_Object$keys$0$split","Object","keys","split","_Object$keys$0$split2","_slicedToArray","min","max","length","values","getAvatarStyles","width","size","outlineColor","borderNum","sizeType","themeColor","useThemeColor","borderWidth","styles","StyleSheet","create","container","height","borderRadius","position","img","zIndex","outContainer","display","alignItems","justifyContent","liveStyles","borderColor","liveStylesSecondary","getLiveTextStyles","liveIcon","typography","useThemeTypography","tagMargin","tagContainerStyles","bottom","overflow","animatedLight","tagStyles","text","fontSize","lineHeight","paddingHorizontal","flexDirection","avatarLiveTag","backgroundColor","Primary","opacity","liveSmall","minWidth","paddingVertical","liveMedium","liveLarge","C3FontSize","fontWeight","C3FontWeight","liveXLarge","C2FontSize","liveTextSmall","textAlign","color","White","liveTextMedium","liveTextLarge","liveTextXLarge"],"mappings":"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"}

package/lib/cjs/components/AvatarGroup/AvatarGroup.js

@@ -10,17 +10,17 @@ var components_Avatar_Avatar = require('../Avatar/Avatar.js');
 var pvCount_useUnmountedProcess = require('../../pvCount/useUnmountedProcess.js');
 require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');
 var components_ConfigProvider_hooks_themeToken_useThemeToken = require('../ConfigProvider/hooks/themeToken/useThemeToken.js');
-require('../../_chunks/FPNHDaGB.js');
+require('../../_chunks/BLXuMm2s.js');
 require('../Avatar/styles.js');
 require('@xhs/reds-apm/src/index.native');
 require('../LanguageProvider/LanguageProvider.js');
 require('../../_chunks/DoNqsT5m.js');
 require('../LanguageProvider/hooks/LanguageContext.js');
+require('../../pvCount/pvData.js');
 require('../LanguageProvider/hooks/useLanguage.js');
 require('../../i18n/index.js');
 require('@xhsreds/reds-token-next');
 require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
-require('../../pvCount/pvData.js');
 
 var AvatarGroup = function AvatarGroup(props) {
   pvCount_useUnmountedProcess.default("AvatarGroup");

package/lib/cjs/components/AvatarGroup/index.js

@@ -8,7 +8,7 @@ require('../../_chunks/C9tZEm0t.js');
 require('react');
 require('react-native');
 require('../Avatar/Avatar.js');
-require('../../_chunks/FPNHDaGB.js');
+require('../../_chunks/BLXuMm2s.js');
 require('../Avatar/styles.js');
 require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');
 require('@xhsreds/reds-token-next');

package/lib/cjs/components/Badge/Badge.js

@@ -87,7 +87,7 @@ var Badge = function Badge(props) {
       }, {
         translateY: -wrapperHeight / 2
       }] : [{
-        translateX: 8
+        translateX: wrapperWidth - 8
       }, {
         translateY: -wrapperHeight / 2
       }]

package/lib/cjs/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { View, Text, StyleSheet, LayoutChangeEvent } from \"react-native\";\nimport { RedsBadge, BadgeDefaultProps } from \"./interface\";\nimport createStyles from \"./styles\";\nimport { useThemeColor } from \"../ConfigProvider\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\n\nconst Badge: React.FC<RedsBadge> = (props) => {\n  const {\n    content = BadgeDefaultProps.content,\n    color = BadgeDefaultProps.color,\n    dot = BadgeDefaultProps.dot,\n    max = BadgeDefaultProps.max,\n    offset = BadgeDefaultProps.offset,\n    showZero = BadgeDefaultProps.showZero,\n    position = BadgeDefaultProps.position,\n    children,\n  } = props;\n  useMounted(\"Badge\");\n  const themeColor = useThemeColor(\"Badge\");\n  const styles = createStyles();\n  const [wrapperWidth, setWrapperWidth] = useState(0);\n  const [wrapperHeight, setWrapperHeight] = useState(0);\n\n  const getBadgeContent = () => {\n    if (typeof content === \"number\" && max !== undefined && typeof max === \"number\" && content > max) {\n      return `${max}+`;\n    }\n    return content;\n  };\n\n  const badgeStyles = [\n    styles.badge,\n    { backgroundColor: color || themeColor.Primary },\n    !showZero && (content === 0 || content === \"0\") && styles.showZero,\n  ];\n\n  const handleLayout = (event: LayoutChangeEvent) => {\n    const { width, height } = event.nativeEvent.layout;\n    setWrapperWidth(width);\n    setWrapperHeight(height);\n  };\n\n  const calculatedStyles = StyleSheet.create({\n    topLeft: {\n      transform: dot\n        ? [{ translateX: wrapperWidth - 4 }, { translateY: -2 }]\n        : [{ translateX: wrapperWidth - 8 }, { translateY: -6 }],\n    },\n    centerRight: {\n      transform: dot\n        ? [{ translateX: wrapperWidth - 4 }, { translateY: -wrapperHeight / 2 }]\n        : [{ translateX: wrapperWidth - 8 }, { translateY: -wrapperHeight / 2 }],\n    },\n    centerLeft: {\n      transform: dot\n        ? [{ translateX: 4 }, { translateY: -wrapperHeight / 2 }]\n        : [{ translateX: 8 }, { translateY: -wrapperHeight / 2 }],\n    },\n    topCenter: {\n      transform: [{ translateX: wrapperWidth / 2 }, { translateY: 0 }],\n    },\n    centerCenter: {\n      transform: [{ translateX: wrapperWidth / 2 }, { translateY: -wrapperHeight / 2 }],\n    },\n  });\n\n  type PositionType = \"topLeft\" | \"centerLeft\" | \"centerRight\" | \"topCenter\" | \"centerCenter\";\n\n  return (\n    <View style={styles.wrapper}>\n      {children}\n      <View\n        onLayout={handleLayout}\n        style={[\n          badgeStyles,\n          calculatedStyles[position as PositionType],\n          offset && {\n            transform: [\n              { translateX: wrapperWidth / 2 + Number(offset[0]) },\n              { translateY: -wrapperHeight / 2 + Number(offset[1]) },\n            ],\n          },\n          dot && styles.dot,\n        ]}\n      >\n        {!dot && <Text style={styles.text}>{getBadgeContent()}</Text>}\n      </View>\n    </View>\n  );\n};\n\nexport default Badge;\n"],"names":["Badge","props","_props$content","content","BadgeDefaultProps","_props$color","color","_props$dot","dot","_props$max","max","_props$offset","offset","_props$showZero","showZero","_props$position","position","children","useMounted","themeColor","useThemeColor","styles","createStyles","_useState","useState","_useState2","_slicedToArray","wrapperWidth","setWrapperWidth","_useState3","_useState4","wrapperHeight","setWrapperHeight","getBadgeContent","concat","badgeStyles","badge","backgroundColor","Primary","handleLayout","event","_event$nativeEvent$la","nativeEvent","layout","width","height","calculatedStyles","StyleSheet","create","topLeft","transform","translateX","translateY","centerRight","centerLeft","topCenter","centerCenter","React","createElement","View","style","wrapper","onLayout","Number","Text","text"],"mappings":"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"}
+{"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { View, Text, StyleSheet, LayoutChangeEvent } from \"react-native\";\nimport { RedsBadge, BadgeDefaultProps } from \"./interface\";\nimport createStyles from \"./styles\";\nimport { useThemeColor } from \"../ConfigProvider\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\n\nconst Badge: React.FC<RedsBadge> = (props) => {\n  const {\n    content = BadgeDefaultProps.content,\n    color = BadgeDefaultProps.color,\n    dot = BadgeDefaultProps.dot,\n    max = BadgeDefaultProps.max,\n    offset = BadgeDefaultProps.offset,\n    showZero = BadgeDefaultProps.showZero,\n    position = BadgeDefaultProps.position,\n    children,\n  } = props;\n  useMounted(\"Badge\");\n  const themeColor = useThemeColor(\"Badge\");\n  const styles = createStyles();\n  const [wrapperWidth, setWrapperWidth] = useState(0);\n  const [wrapperHeight, setWrapperHeight] = useState(0);\n\n  const getBadgeContent = () => {\n    if (typeof content === \"number\" && max !== undefined && typeof max === \"number\" && content > max) {\n      return `${max}+`;\n    }\n    return content;\n  };\n\n  const badgeStyles = [\n    styles.badge,\n    { backgroundColor: color || themeColor.Primary },\n    !showZero && (content === 0 || content === \"0\") && styles.showZero,\n  ];\n\n  const handleLayout = (event: LayoutChangeEvent) => {\n    const { width, height } = event.nativeEvent.layout;\n    setWrapperWidth(width);\n    setWrapperHeight(height);\n  };\n\n  const calculatedStyles = StyleSheet.create({\n    topLeft: {\n      transform: dot\n        ? [{ translateX: wrapperWidth - 4 }, { translateY: -2 }]\n        : [{ translateX: wrapperWidth - 8 }, { translateY: -6 }],\n    },\n    centerRight: {\n      transform: dot\n        ? [{ translateX: wrapperWidth - 4 }, { translateY: -wrapperHeight / 2 }]\n        : [{ translateX: wrapperWidth - 8 }, { translateY: -wrapperHeight / 2 }],\n    },\n    centerLeft: {\n      transform: dot\n        ? [{ translateX: 4 }, { translateY: -wrapperHeight / 2 }]\n        : [{ translateX: wrapperWidth - 8 }, { translateY: -wrapperHeight / 2 }],\n    },\n    topCenter: {\n      transform: [{ translateX: wrapperWidth / 2 }, { translateY: 0 }],\n    },\n    centerCenter: {\n      transform: [{ translateX: wrapperWidth / 2 }, { translateY: -wrapperHeight / 2 }],\n    },\n  });\n\n  type PositionType = \"topLeft\" | \"centerLeft\" | \"centerRight\" | \"topCenter\" | \"centerCenter\";\n\n  return (\n    <View style={styles.wrapper}>\n      {children}\n      <View\n        onLayout={handleLayout}\n        style={[\n          badgeStyles,\n          calculatedStyles[position as PositionType],\n          offset && {\n            transform: [\n              { translateX: wrapperWidth / 2 + Number(offset[0]) },\n              { translateY: -wrapperHeight / 2 + Number(offset[1]) },\n            ],\n          },\n          dot && styles.dot,\n        ]}\n      >\n        {!dot && <Text style={styles.text}>{getBadgeContent()}</Text>}\n      </View>\n    </View>\n  );\n};\n\nexport default Badge;\n"],"names":["Badge","props","_props$content","content","BadgeDefaultProps","_props$color","color","_props$dot","dot","_props$max","max","_props$offset","offset","_props$showZero","showZero","_props$position","position","children","useMounted","themeColor","useThemeColor","styles","createStyles","_useState","useState","_useState2","_slicedToArray","wrapperWidth","setWrapperWidth","_useState3","_useState4","wrapperHeight","setWrapperHeight","getBadgeContent","concat","badgeStyles","badge","backgroundColor","Primary","handleLayout","event","_event$nativeEvent$la","nativeEvent","layout","width","height","calculatedStyles","StyleSheet","create","topLeft","transform","translateX","translateY","centerRight","centerLeft","topCenter","centerCenter","React","createElement","View","style","wrapper","onLayout","Number","Text","text"],"mappings":"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"}

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

@@ -25,7 +25,7 @@ var getStyles = function getStyles(themeColor) {
       borderTopColor: themeColor.Separator
     },
     block: {
-      paddingHorizontal: 16,
+      paddingHorizontal: 48,
       justifyContent: "flex-start"
       // Align to the start for block layout
     },
@@ -41,12 +41,12 @@ var getStyles = function getStyles(themeColor) {
       width: "50%"
     },
     top: {
-      marginBottom: 8,
+      marginBottom: 18,
       justifyContent: "center",
       alignItems: "center"
     },
     bottom: {
-      marginTop: 8,
+      marginTop: 18,
       justifyContent: "center",
       alignItems: "center"
     },

package/lib/cjs/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: 16,\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: 8,\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    bottom: {\n      marginTop: 8,\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,uBAAWC,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,CAAA;AACdd,MAAAA,cAAgB,EAAA,QAAA;AAChBU,MAAAA,UAAY,EAAA,QAAA;KACd;AACAb,IAAAA,MAAQ,EAAA;AACNkB,MAAAA,SAAW,EAAA,CAAA;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: \"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,uBAAWC,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;;;;"}

package/lib/cjs/components/Button/Button.js

@@ -31,6 +31,7 @@ require('../ProgressIndicator/lottie/progress_loading_primary.js');
 require('../ProgressIndicator/lottie/loading.js');
 require('../ProgressIndicator/lottie/loading_dark.js');
 require('../ProgressIndicator/lottie/loading_primary.js');
+require('../ProgressIndicator/styles.js');
 require('@xhs/lottie-react-native');
 
 var Button = function Button(props) {

package/lib/cjs/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport { TouchableWithoutFeedback, View, Text, ViewStyle, TextStyle, PanResponder } from \"react-native\";\nimport { RedsButton, ButtonDefaultProps } from \"./interface\";\nimport { getSizeStyles, getVariantStyles, contentMarginStyle, getStyles } from \"./styleMap\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport Viewable from \"./Viewable\";\nimport ProgressIndicator from \"../ProgressIndicator\";\nimport { useColorMode } from \"../ConfigProvider\";\n\nconst Button = (props: RedsButton) => {\n  useMounted(\"Button\");\n  const finalProps = { ...(ButtonDefaultProps as RedsButton), ...props };\n  const {\n    size,\n    block,\n    disabled,\n    children,\n    onClick,\n    avatar,\n    iconLeft,\n    iconRight,\n    shape,\n    style = {},\n    textStyle = {},\n    loading,\n  } = finalProps;\n  const sizeStyles = getSizeStyles(finalProps);\n  const variantStyles = getVariantStyles(finalProps);\n  const styles = getStyles(finalProps);\n  const buttonStyles: ViewStyle[] = [styles.button, sizeStyles.button, variantStyles.button];\n  const textStyles: TextStyle[] = [sizeStyles.text, variantStyles.text];\n\n  const allowSlot = size === \"xLarge\" || size === \"large\";\n\n  const colorMode = useColorMode();\n\n  if (avatar || iconLeft) {\n    textStyles.push(contentMarginStyle.left);\n  }\n\n  if (iconRight) {\n    textStyles.push(contentMarginStyle.right);\n  }\n\n  if (disabled) {\n    buttonStyles.push(styles.disabledButton);\n  }\n\n  if (block) {\n    buttonStyles.push(styles.block);\n  }\n\n  if (textStyle) {\n    textStyles.push(textStyle);\n  }\n\n  if (style) {\n    buttonStyles.push(style);\n  }\n\n  const panResponder = PanResponder.create({\n    onStartShouldSetPanResponderCapture: () => {\n      return true;\n    },\n  });\n  // @ts-ignore\n  const Wrapper = ({ children }) => {\n    return props?.onFirstDrawFinished ? (\n      <Viewable style={buttonStyles} callback={props.onFirstDrawFinished} {...props.firstDrawFinishedProps}>\n        {children}\n      </Viewable>\n    ) : (\n      children\n    );\n  };\n  return (\n    <Wrapper>\n      <TouchableWithoutFeedback\n        onPress={disabled && !props.requireDisableClick ? undefined : onClick}\n        {...props.accessibility}\n      >\n        <View\n          style={props?.onFirstDrawFinished ? { flexDirection: \"row\", alignItems: \"center\" } : buttonStyles}\n          {...panResponder.panHandlers}\n        >\n          {shape === \"circle\" ? (\n            <>\n              {iconLeft ? (\n                <View>{iconLeft}</View>\n              ) : iconRight ? (\n                <View>{iconRight}</View>\n              ) : loading ? (\n                <ProgressIndicator\n                  type=\"refresh\"\n                  strokeColor={props.type === \"primary\" || colorMode === \"dark\" ? \"dark\" : \"light\"}\n                />\n              ) : (\n                <Text style={textStyles}>{children}</Text>\n              )}\n            </>\n          ) : (\n            <>\n              {avatar && <View>{avatar}</View>}\n              {iconLeft && <View>{iconLeft}</View>}\n              {loading && (\n                <ProgressIndicator\n                  type=\"refresh\"\n                  strokeColor={props.type === \"primary\" || colorMode === \"dark\" ? \"dark\" : \"light\"}\n                />\n              )}\n              <Text style={textStyles}>{children}</Text>\n              {iconRight && <View>{iconRight}</View>}\n            </>\n          )}\n        </View>\n      </TouchableWithoutFeedback>\n    </Wrapper>\n  );\n};\n\nexport default memo(Button);\n"],"names":["Button","props","useMounted","finalProps","_objectSpread","ButtonDefaultProps","size","block","disabled","children","onClick","avatar","iconLeft","iconRight","shape","_finalProps$style","style","_finalProps$textStyle","textStyle","loading","sizeStyles","getSizeStyles","variantStyles","getVariantStyles","styles","getStyles","buttonStyles","button","textStyles","text","colorMode","useColorMode","push","contentMarginStyle","left","right","disabledButton","panResponder","PanResponder","create","onStartShouldSetPanResponderCapture","Wrapper","_ref","onFirstDrawFinished","React","createElement","Viewable","callback","firstDrawFinishedProps","TouchableWithoutFeedback","onPress","requireDisableClick","accessibility","View","flexDirection","alignItems","panHandlers","Fragment","ProgressIndicator","type","strokeColor","Text","memo"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport { TouchableWithoutFeedback, View, Text, ViewStyle, TextStyle, PanResponder } from \"react-native\";\nimport { RedsButton, ButtonDefaultProps } from \"./interface\";\nimport { getSizeStyles, getVariantStyles, contentMarginStyle, getStyles } from \"./styleMap\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport Viewable from \"./Viewable\";\nimport ProgressIndicator from \"../ProgressIndicator\";\nimport { useColorMode } from \"../ConfigProvider\";\n\nconst Button = (props: RedsButton) => {\n  useMounted(\"Button\");\n  const finalProps = { ...(ButtonDefaultProps as RedsButton), ...props };\n  const {\n    size,\n    block,\n    disabled,\n    children,\n    onClick,\n    avatar,\n    iconLeft,\n    iconRight,\n    shape,\n    style = {},\n    textStyle = {},\n    loading,\n  } = finalProps;\n  const sizeStyles = getSizeStyles(finalProps);\n  const variantStyles = getVariantStyles(finalProps);\n  const styles = getStyles(finalProps);\n  const buttonStyles: ViewStyle[] = [styles.button, sizeStyles.button, variantStyles.button];\n  const textStyles: TextStyle[] = [sizeStyles.text, variantStyles.text];\n\n  const allowSlot = size === \"xLarge\" || size === \"large\";\n\n  const colorMode = useColorMode();\n\n  if (avatar || iconLeft) {\n    textStyles.push(contentMarginStyle.left);\n  }\n\n  if (iconRight) {\n    textStyles.push(contentMarginStyle.right);\n  }\n\n  if (disabled) {\n    buttonStyles.push(styles.disabledButton);\n  }\n\n  if (block) {\n    buttonStyles.push(styles.block);\n  }\n\n  if (textStyle) {\n    textStyles.push(textStyle);\n  }\n\n  if (style) {\n    buttonStyles.push(style);\n  }\n\n  const panResponder = PanResponder.create({\n    onStartShouldSetPanResponderCapture: () => {\n      return true;\n    },\n  });\n  // @ts-ignore\n  const Wrapper = ({ children }) => {\n    return props?.onFirstDrawFinished ? (\n      <Viewable style={buttonStyles} callback={props.onFirstDrawFinished} {...props.firstDrawFinishedProps}>\n        {children}\n      </Viewable>\n    ) : (\n      children\n    );\n  };\n  return (\n    <Wrapper>\n      <TouchableWithoutFeedback\n        onPress={disabled && !props.requireDisableClick ? undefined : onClick}\n        {...props.accessibility}\n      >\n        <View\n          style={props?.onFirstDrawFinished ? { flexDirection: \"row\", alignItems: \"center\" } : buttonStyles}\n          {...panResponder.panHandlers}\n        >\n          {shape === \"circle\" ? (\n            <>\n              {iconLeft ? (\n                <View>{iconLeft}</View>\n              ) : iconRight ? (\n                <View>{iconRight}</View>\n              ) : loading ? (\n                <ProgressIndicator\n                  type=\"refresh\"\n                  strokeColor={props.type === \"primary\" || colorMode === \"dark\" ? \"dark\" : \"light\"}\n                />\n              ) : (\n                <Text style={textStyles}>{children}</Text>\n              )}\n            </>\n          ) : (\n            <>\n              {avatar && <View>{avatar}</View>}\n              {iconLeft && <View>{iconLeft}</View>}\n              {loading && (\n                <ProgressIndicator\n                  type=\"refresh\"\n                  strokeColor={props.type === \"primary\" || colorMode === \"dark\" ? \"dark\" : \"light\"}\n                />\n              )}\n              <Text style={textStyles}>{children}</Text>\n              {iconRight && <View>{iconRight}</View>}\n            </>\n          )}\n        </View>\n      </TouchableWithoutFeedback>\n    </Wrapper>\n  );\n};\n\nexport default memo(Button);\n"],"names":["Button","props","useMounted","finalProps","_objectSpread","ButtonDefaultProps","size","block","disabled","children","onClick","avatar","iconLeft","iconRight","shape","_finalProps$style","style","_finalProps$textStyle","textStyle","loading","sizeStyles","getSizeStyles","variantStyles","getVariantStyles","styles","getStyles","buttonStyles","button","textStyles","text","colorMode","useColorMode","push","contentMarginStyle","left","right","disabledButton","panResponder","PanResponder","create","onStartShouldSetPanResponderCapture","Wrapper","_ref","onFirstDrawFinished","React","createElement","Viewable","callback","firstDrawFinishedProps","TouchableWithoutFeedback","onPress","requireDisableClick","accessibility","View","flexDirection","alignItems","panHandlers","Fragment","ProgressIndicator","type","strokeColor","Text","memo"],"mappings":"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"}

package/lib/cjs/components/Button/index.js

@@ -32,6 +32,7 @@ require('../ProgressIndicator/lottie/loading.js');
 require('../ProgressIndicator/lottie/loading_dark.js');
 require('../ProgressIndicator/lottie/loading_primary.js');
 require('../ConfigProvider/hooks/themeToken/useColorMode.js');
+require('../ProgressIndicator/styles.js');
 require('@xhs/lottie-react-native');
 
 

package/lib/cjs/components/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}