@xhsreds/reds-rn-next 0.8.4-image-optimization202510222117 → 0.9.1-beta202510271511

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

@@ -1 +1 @@
-{"version":3,"file":"TabBar.js","sources":["../../../../src/components/TabBar/TabBar.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback } from \"react\";\nimport { View, Text, TouchableWithoutFeedback, Animated, GestureResponderEvent } from \"react-native\";\nimport { RedsTabBar, TabBarDefaultProps } from \"./interface/index\";\nimport createStyles from \"./styles\";\nimport { Icon, IconType } from \"../Icon\";\nimport { DataType, RedsBadge } from \"./interface\";\nimport Badge from \"../Badge\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\n/**\n * 默认icon大小\n */\nconst defaultIconSize = 20;\n\nconst TabBar = (props: RedsTabBar) => {\n  const styles = createStyles();\n  /**\n   *  渲染的tab数据\n   */\n  useMounted(\"TabBar\");\n  const renderTabs = useMemo(() => {\n    if (props.customTabBar) {\n      /** 记录插入位置 */\n      const customIdx = Math.floor(props.list.length / 2);\n      /** 插入数据 */\n      return props.list.reduce((prev: DataType[], cur: DataType, index: number) => {\n        return (index === customIdx ? [...prev, props.customTabBar, cur] : [...prev, cur]) as DataType[];\n      }, [] as DataType[]);\n    } else {\n      return props.list;\n    }\n  }, [props.list, props.customTabBar]);\n\n  /**\n   * 计算文字class\n   * @param item\n   */\n  const getTextClass = (item: DataType) => {\n    return item?.iconProps?.icon\n      ? props.active === item.key\n        ? styles.activeIconText\n        : styles.iconText\n      : props.active === item.key\n        ? styles.activeText\n        : styles.text;\n  };\n\n  /**\n   * 计算文字颜色\n   * @param item\n   */\n  const getTextColor = (item: DataType) => {\n    return {\n      color: props.active === item.key ? item.activeColor || \"rgba(0,0,0)\" : item.normalColor || \"rgba(0,0,0,0.45)\",\n    };\n  };\n\n  /**\n   * 计算Icon颜色\n   */\n  const getIconColor = (item: DataType) => {\n    return (props.active === item.key ? item.activeColor : item.normalColor) || item?.iconProps?.fill;\n  };\n\n  /**\n   * 触发点击事件\n   */\n  const handleTabChange = (item: DataType) => {\n    props?.onChange?.(item.key);\n  };\n\n  /**\n   * 容器\n   */\n  const Wrapper = (wrapperProps: { badgeProps: RedsBadge; children: React.ReactNode }) => {\n    return props?.badge ? (\n      <View style={styles.badgeWrapper}>\n        <Badge {...wrapperProps.badgeProps}>{wrapperProps.children}</Badge>\n      </View>\n    ) : (\n      wrapperProps.children\n    );\n  };\n\n  return (\n    <View style={[styles.TabBarContainer, props.containerStyles]}>\n      {renderTabs.map((item) => {\n        return (\n          <TouchableWithoutFeedback onPress={() => handleTabChange(item)} key={item.key}>\n            <View style={styles.TabItemContainer}>\n              <Wrapper badgeProps={item.badgeProps || {}} key={item.key}>\n                <View style={styles.flexCenter}>\n                  {item.iconProps?.icon ? (\n                    <Icon\n                      icon={\n                        props.active === item.key\n                          ? item?.activeIconProps?.icon || item.iconProps?.icon\n                          : item.iconProps?.icon\n                      }\n                      fill={getIconColor(item)}\n                      size={\n                        props.active === item.key\n                          ? item?.activeIconProps?.size || item?.iconProps?.size || defaultIconSize\n                          : item?.iconProps?.size || defaultIconSize\n                      }\n                      onClick={() => handleTabChange(item)}\n                      type={\n                        props.active === item.key\n                          ? item.activeIconProps?.type || item.iconProps?.type || IconType.iconType.svg\n                          : item.iconProps?.type || IconType.iconType.svg\n                      }\n                    />\n                  ) : (\n                    <></>\n                  )}\n                  {item.text ? <Text style={[getTextClass(item), getTextColor(item)]}>{item.text}</Text> : <></>}\n                </View>\n              </Wrapper>\n            </View>\n          </TouchableWithoutFeedback>\n        );\n      })}\n    </View>\n  );\n};\n\nTabBar.defaultProps = TabBarDefaultProps;\n\nexport default TabBar;\n"],"names":["defaultIconSize","TabBar","props","styles","createStyles","useMounted","renderTabs","useMemo","customTabBar","customIdx","Math","floor","list","length","reduce","prev","cur","index","concat","_toConsumableArray","getTextClass","item","_item$iconProps","iconProps","icon","active","key","activeIconText","iconText","activeText","text","getTextColor","color","activeColor","normalColor","getIconColor","_item$iconProps2","fill","handleTabChange","_props$onChange","onChange","call","Wrapper","wrapperProps","badge","React","createElement","View","style","badgeWrapper","Badge","_objectSpread","badgeProps","children","TabBarContainer","containerStyles","map","_item$iconProps3","_item$activeIconProps","_item$iconProps4","_item$iconProps5","_item$activeIconProps2","_item$iconProps6","_item$iconProps7","_item$activeIconProps3","_item$iconProps8","_item$iconProps9","TouchableWithoutFeedback","onPress","TabItemContainer","flexCenter","Icon","activeIconProps","size","onClick","type","IconType","svg","Text","Fragment","defaultProps","TabBarDefaultProps"],"mappings":"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"}
+{"version":3,"file":"TabBar.js","sources":["../../../../src/components/TabBar/TabBar.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback } from \"react\";\nimport { View, Text, TouchableWithoutFeedback, Animated, GestureResponderEvent } from \"react-native\";\nimport { RedsTabBar, TabBarDefaultProps } from \"./interface/index\";\nimport createStyles from \"./styles\";\nimport { Icon, IconType } from \"../Icon\";\nimport { DataType, RedsBadge } from \"./interface\";\nimport Badge from \"../Badge\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\n/**\n * 默认icon大小\n */\nconst defaultIconSize = 24;\n\nconst TabBar = (props: RedsTabBar) => {\n  const styles = createStyles();\n  /**\n   *  渲染的tab数据\n   */\n  useMounted(\"TabBar\");\n  const renderTabs = useMemo(() => {\n    if (props.customTabBar) {\n      /** 记录插入位置 */\n      const customIdx = Math.floor(props.list.length / 2);\n      /** 插入数据 */\n      return props.list.reduce((prev: DataType[], cur: DataType, index: number) => {\n        return (index === customIdx ? [...prev, props.customTabBar, cur] : [...prev, cur]) as DataType[];\n      }, [] as DataType[]);\n    } else {\n      return props.list;\n    }\n  }, [props.list, props.customTabBar]);\n\n  /**\n   * 计算文字class\n   * @param item\n   */\n  const getTextClass = (item: DataType) => {\n    return item?.iconProps?.icon\n      ? props.active === item.key\n        ? styles.activeIconText\n        : styles.iconText\n      : props.active === item.key\n        ? styles.activeText\n        : styles.text;\n  };\n\n  /**\n   * 计算文字颜色\n   * @param item\n   */\n  const getTextColor = (item: DataType) => {\n    return {\n      color: props.active === item.key ? item.activeColor || \"rgba(0,0,0)\" : item.normalColor || \"rgba(0,0,0,0.45)\",\n    };\n  };\n\n  /**\n   * 计算Icon颜色\n   */\n  const getIconColor = (item: DataType) => {\n    return (props.active === item.key ? item.activeColor : item.normalColor) || item?.iconProps?.fill;\n  };\n\n  /**\n   * 触发点击事件\n   */\n  const handleTabChange = (item: DataType) => {\n    props?.onChange?.(item.key);\n  };\n\n  /**\n   * 容器\n   */\n  const Wrapper = (wrapperProps: { badgeProps: RedsBadge; children: React.ReactNode }) => {\n    return props?.badge ? (\n      <View style={styles.badgeWrapper}>\n        <Badge {...wrapperProps.badgeProps} offset={wrapperProps.badgeProps.dot ? [0, 0] : [10, 0]}>\n          {wrapperProps.children}\n        </Badge>\n      </View>\n    ) : (\n      wrapperProps.children\n    );\n  };\n\n  return (\n    <View style={[styles.TabBarContainer, props.containerStyles]}>\n      {renderTabs.map((item) => {\n        return (\n          <TouchableWithoutFeedback onPress={() => handleTabChange(item)} key={item.key}>\n            <View style={styles.TabItemContainer}>\n              <Wrapper badgeProps={item.badgeProps || {}} key={item.key}>\n                <View style={styles.flexCenter}>\n                  {item.iconProps?.icon ? (\n                    <Icon\n                      icon={\n                        props.active === item.key\n                          ? item?.activeIconProps?.icon || item.iconProps?.icon\n                          : item.iconProps?.icon\n                      }\n                      fill={getIconColor(item)}\n                      size={\n                        props.active === item.key\n                          ? item?.activeIconProps?.size || item?.iconProps?.size || defaultIconSize\n                          : item?.iconProps?.size || defaultIconSize\n                      }\n                      onClick={() => handleTabChange(item)}\n                      type={\n                        props.active === item.key\n                          ? item.activeIconProps?.type || item.iconProps?.type || IconType.iconType.svg\n                          : item.iconProps?.type || IconType.iconType.svg\n                      }\n                    />\n                  ) : (\n                    <></>\n                  )}\n                  {item.text ? <Text style={[getTextClass(item), getTextColor(item)]}>{item.text}</Text> : <></>}\n                </View>\n              </Wrapper>\n            </View>\n          </TouchableWithoutFeedback>\n        );\n      })}\n    </View>\n  );\n};\n\nTabBar.defaultProps = TabBarDefaultProps;\n\nexport default TabBar;\n"],"names":["defaultIconSize","TabBar","props","styles","createStyles","useMounted","renderTabs","useMemo","customTabBar","customIdx","Math","floor","list","length","reduce","prev","cur","index","concat","_toConsumableArray","getTextClass","item","_item$iconProps","iconProps","icon","active","key","activeIconText","iconText","activeText","text","getTextColor","color","activeColor","normalColor","getIconColor","_item$iconProps2","fill","handleTabChange","_props$onChange","onChange","call","Wrapper","wrapperProps","badge","React","createElement","View","style","badgeWrapper","Badge","_objectSpread","badgeProps","offset","dot","children","TabBarContainer","containerStyles","map","_item$iconProps3","_item$activeIconProps","_item$iconProps4","_item$iconProps5","_item$activeIconProps2","_item$iconProps6","_item$iconProps7","_item$activeIconProps3","_item$iconProps8","_item$iconProps9","TouchableWithoutFeedback","onPress","TabItemContainer","flexCenter","Icon","activeIconProps","size","onClick","type","IconType","svg","Text","Fragment","defaultProps","TabBarDefaultProps"],"mappings":"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"}

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_TabBar_TabBar = require('./TabBar.js');
 var components_TabBar_interface_index = require('../../_chunks/DtxkCz1y.js');
-require('../../_chunks/vVKkFPW_.js');
+require('../../_chunks/C9tZEm0t.js');
 require('react');
 require('react-native');
 require('./styles.js');

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

@@ -7,7 +7,7 @@ require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');
 require('react');
 require('@xhs/reds-apm/src/index.native');
 var components_ConfigProvider_hooks_themeToken_useThemeToken = require('../ConfigProvider/hooks/themeToken/useThemeToken.js');
-require('../../_chunks/vVKkFPW_.js');
+require('../../_chunks/C9tZEm0t.js');
 require('@xhsreds/reds-token-next');
 require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
 
@@ -51,14 +51,12 @@ var createStyles = function createStyles() {
     iconText: {
       fontSize: typography.C3FontSize,
       fontWeight: typography.C3FontWeight,
-      opacity: 0.8,
-      marginTop: 4
+      opacity: 0.8
     },
     activeIconText: {
       fontSize: typography.C3FontSize,
       fontWeight: typography.T3FontWeight,
-      opacity: 1,
-      marginTop: 4
+      opacity: 1
     }
   });
   return styles;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/TabBar/styles.ts"],"sourcesContent":["import { alwaysColor } from \"@xhsreds/reds-token-next\";\nimport { StyleSheet } from \"react-native\";\nimport { useThemeTypography } from \"../ConfigProvider\";\nconst createStyles = () => {\n  const typography = useThemeTypography(\"TabBar\");\n  const styles = StyleSheet.create({\n    TabBarContainer: {\n      width: \"100%\",\n      height: 44,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      flexDirection: \"row\",\n    },\n    TabItemContainer: {\n      flex: 1,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      flexDirection: \"column\",\n    },\n    badgeWrapper: {\n      flex: 1,\n    },\n    flexCenter: {\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      // height: \"100%\",\n    },\n    text: {\n      fontSize: typography.B1FontSize,\n      fontWeight: typography.B1FontWeight,\n      opacity: 0.8,\n    },\n    activeText: {\n      fontSize: typography.B1FontSize,\n      fontWeight: typography.T3FontWeight,\n      opacity: 1,\n    },\n    iconText: {\n      fontSize: typography.C3FontSize,\n      fontWeight: typography.C3FontWeight,\n      opacity: 0.8,\n      marginTop: 4,\n    },\n    activeIconText: {\n      fontSize: typography.C3FontSize,\n      fontWeight: typography.T3FontWeight,\n      opacity: 1,\n      marginTop: 4,\n    },\n  });\n  return styles;\n};\n\nexport default createStyles;\n"],"names":["createStyles","typography","useThemeTypography","styles","StyleSheet","create","TabBarContainer","width","height","display","justifyContent","alignItems","flexDirection","TabItemContainer","flex","badgeWrapper","flexCenter","text","fontSize","B1FontSize","fontWeight","B1FontWeight","opacity","activeText","T3FontWeight","iconText","C3FontSize","C3FontWeight","marginTop","activeIconText"],"mappings":";;;;;;;;;;;;;AAGA,IAAMA,eAAe,SAAfA,eAAqB;AACnB,EAAA,IAAAC,UAAA,GAAaC,4EAAmB,QAAQ,CAAA,CAAA;AACxC,EAAA,IAAAC,MAAA,GAASC,uBAAWC,MAAO,CAAA;AAC/BC,IAAAA,eAAiB,EAAA;AACfC,MAAAA,KAAO,EAAA,MAAA;AACPC,MAAAA,MAAQ,EAAA,EAAA;AACRC,MAAAA,OAAS,EAAA,MAAA;AACTC,MAAAA,cAAgB,EAAA,QAAA;AAChBC,MAAAA,UAAY,EAAA,QAAA;AACZC,MAAAA,aAAe,EAAA,KAAA;KACjB;AACAC,IAAAA,gBAAkB,EAAA;AAChBC,MAAAA,IAAM,EAAA,CAAA;AACNL,MAAAA,OAAS,EAAA,MAAA;AACTC,MAAAA,cAAgB,EAAA,QAAA;AAChBC,MAAAA,UAAY,EAAA,QAAA;AACZC,MAAAA,aAAe,EAAA,QAAA;KACjB;AACAG,IAAAA,YAAc,EAAA;AACZD,MAAAA,IAAM,EAAA,CAAA;KACR;AACAE,IAAAA,UAAY,EAAA;AACVP,MAAAA,OAAS,EAAA,MAAA;AACTC,MAAAA,cAAgB,EAAA,QAAA;AAChBC,MAAAA,UAAY,EAAA,QAAA;AAAA;KAEd;AACAM,IAAAA,IAAM,EAAA;MACJC,UAAUjB,UAAW,CAAAkB,UAAA;MACrBC,YAAYnB,UAAW,CAAAoB,YAAA;AACvBC,MAAAA,OAAS,EAAA,GAAA;KACX;AACAC,IAAAA,UAAY,EAAA;MACVL,UAAUjB,UAAW,CAAAkB,UAAA;MACrBC,YAAYnB,UAAW,CAAAuB,YAAA;AACvBF,MAAAA,OAAS,EAAA,CAAA;KACX;AACAG,IAAAA,QAAU,EAAA;MACRP,UAAUjB,UAAW,CAAAyB,UAAA;MACrBN,YAAYnB,UAAW,CAAA0B,YAAA;AACvBL,MAAAA,OAAS,EAAA,GAAA;AACTM,MAAAA,SAAW,EAAA,CAAA;KACb;AACAC,IAAAA,cAAgB,EAAA;MACdX,UAAUjB,UAAW,CAAAyB,UAAA;MACrBN,YAAYnB,UAAW,CAAAuB,YAAA;AACvBF,MAAAA,OAAS,EAAA,CAAA;AACTM,MAAAA,SAAW,EAAA,CAAA;AACb,KAAA;AACF,GAAC,CAAA,CAAA;AACM,EAAA,OAAAzB,MAAA,CAAA;AACT;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/TabBar/styles.ts"],"sourcesContent":["import { alwaysColor } from \"@xhsreds/reds-token-next\";\nimport { StyleSheet } from \"react-native\";\nimport { useThemeTypography } from \"../ConfigProvider\";\nconst createStyles = () => {\n  const typography = useThemeTypography(\"TabBar\");\n  const styles = StyleSheet.create({\n    TabBarContainer: {\n      width: \"100%\",\n      height: 44,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      flexDirection: \"row\",\n    },\n    TabItemContainer: {\n      flex: 1,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      flexDirection: \"column\",\n    },\n    badgeWrapper: {\n      flex: 1,\n    },\n    flexCenter: {\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      // height: \"100%\",\n    },\n    text: {\n      fontSize: typography.B1FontSize,\n      fontWeight: typography.B1FontWeight,\n      opacity: 0.8,\n    },\n    activeText: {\n      fontSize: typography.B1FontSize,\n      fontWeight: typography.T3FontWeight,\n      opacity: 1,\n    },\n    iconText: {\n      fontSize: typography.C3FontSize,\n      fontWeight: typography.C3FontWeight,\n      opacity: 0.8,\n    },\n    activeIconText: {\n      fontSize: typography.C3FontSize,\n      fontWeight: typography.T3FontWeight,\n      opacity: 1,\n    },\n  });\n  return styles;\n};\n\nexport default createStyles;\n"],"names":["createStyles","typography","useThemeTypography","styles","StyleSheet","create","TabBarContainer","width","height","display","justifyContent","alignItems","flexDirection","TabItemContainer","flex","badgeWrapper","flexCenter","text","fontSize","B1FontSize","fontWeight","B1FontWeight","opacity","activeText","T3FontWeight","iconText","C3FontSize","C3FontWeight","activeIconText"],"mappings":";;;;;;;;;;;;;AAGA,IAAMA,eAAe,SAAfA,eAAqB;AACnB,EAAA,IAAAC,UAAA,GAAaC,4EAAmB,QAAQ,CAAA,CAAA;AACxC,EAAA,IAAAC,MAAA,GAASC,uBAAWC,MAAO,CAAA;AAC/BC,IAAAA,eAAiB,EAAA;AACfC,MAAAA,KAAO,EAAA,MAAA;AACPC,MAAAA,MAAQ,EAAA,EAAA;AACRC,MAAAA,OAAS,EAAA,MAAA;AACTC,MAAAA,cAAgB,EAAA,QAAA;AAChBC,MAAAA,UAAY,EAAA,QAAA;AACZC,MAAAA,aAAe,EAAA,KAAA;KACjB;AACAC,IAAAA,gBAAkB,EAAA;AAChBC,MAAAA,IAAM,EAAA,CAAA;AACNL,MAAAA,OAAS,EAAA,MAAA;AACTC,MAAAA,cAAgB,EAAA,QAAA;AAChBC,MAAAA,UAAY,EAAA,QAAA;AACZC,MAAAA,aAAe,EAAA,QAAA;KACjB;AACAG,IAAAA,YAAc,EAAA;AACZD,MAAAA,IAAM,EAAA,CAAA;KACR;AACAE,IAAAA,UAAY,EAAA;AACVP,MAAAA,OAAS,EAAA,MAAA;AACTC,MAAAA,cAAgB,EAAA,QAAA;AAChBC,MAAAA,UAAY,EAAA,QAAA;AAAA;KAEd;AACAM,IAAAA,IAAM,EAAA;MACJC,UAAUjB,UAAW,CAAAkB,UAAA;MACrBC,YAAYnB,UAAW,CAAAoB,YAAA;AACvBC,MAAAA,OAAS,EAAA,GAAA;KACX;AACAC,IAAAA,UAAY,EAAA;MACVL,UAAUjB,UAAW,CAAAkB,UAAA;MACrBC,YAAYnB,UAAW,CAAAuB,YAAA;AACvBF,MAAAA,OAAS,EAAA,CAAA;KACX;AACAG,IAAAA,QAAU,EAAA;MACRP,UAAUjB,UAAW,CAAAyB,UAAA;MACrBN,YAAYnB,UAAW,CAAA0B,YAAA;AACvBL,MAAAA,OAAS,EAAA,GAAA;KACX;AACAM,IAAAA,cAAgB,EAAA;MACdV,UAAUjB,UAAW,CAAAyB,UAAA;MACrBN,YAAYnB,UAAW,CAAAuB,YAAA;AACvBF,MAAAA,OAAS,EAAA,CAAA;AACX,KAAA;AACF,GAAC,CAAA,CAAA;AACM,EAAA,OAAAnB,MAAA,CAAA;AACT;;;;"}

package/lib/cjs/components/Tag/Tag.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/vVKkFPW_.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var reactNative = require('react-native');
 var components_Tag_interface_index = require('../../_chunks/CohGQiA1.js');
@@ -42,11 +42,11 @@ var getTypeStyles = function getTypeStyles(themeColor) {
       borderColor: redsTokenNext.lightColor.Info
     },
     ghost: {
-      color: themeColor.White,
-      borderColor: themeColor.White,
+      color: redsTokenNext.alwaysColor.White,
+      borderColor: redsTokenNext.alwaysColor.LightParagraph,
       borderWidth: 0.5,
       borderStyle: "solid",
-      backgroundColor: "transparent"
+      backgroundColor: redsTokenNext.alwaysColor.LightFill3
     }
   };
 };
@@ -87,8 +87,8 @@ var getSizeStyles = function getSizeStyles(icon, afterIcon, size) {
     large: {
       fontSize: redsTokenNext.typography.B2FontSize,
       paddingVertical: 8,
-      paddingLeft: icon ? 12 : 16,
-      paddingRight: afterIcon ? 12 : 16,
+      paddingLeft: icon ? 6 : 8,
+      paddingRight: afterIcon ? 6 : 8,
       borderRadius: 6
     }
   };

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React, { useState, useMemo, useImperativeHandle, forwardRef, memo, FunctionComponent } from \"react\";\nimport { View, Text, StyleSheet, GestureResponderEvent, TouchableNativeFeedback } from \"react-native\";\nimport { RedsTag, TagDefaultProps } from \"./interface\";\nimport { lightColor, typography } from \"@xhsreds/reds-token-next\";\nimport { useThemeColor } from \"../ConfigProvider\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\n\nconst getTypeStyles = (themeColor: any) => ({\n  primary: {\n    backgroundColor: lightColor.Primary2,\n    color: lightColor.Primary,\n    borderColor: lightColor.Primary,\n  },\n  default: {\n    backgroundColor: themeColor.Fill1,\n    color: themeColor.Paragraph,\n    borderColor: themeColor.Separator2,\n  },\n  warning: {\n    backgroundColor: lightColor.Warning2,\n    color: lightColor.Warning,\n    borderColor: lightColor.Warning,\n  },\n  success: {\n    backgroundColor: lightColor.Success2,\n    color: lightColor.Success,\n    borderColor: lightColor.Success,\n  },\n  info: {\n    backgroundColor: lightColor.Info2,\n    color: lightColor.Info,\n    borderColor: lightColor.Info,\n  },\n  ghost: {\n    color: themeColor.White,\n    borderColor: themeColor.White,\n    borderWidth: 0.5,\n    borderStyle: \"solid\",\n    backgroundColor: \"transparent\",\n  },\n});\n\nconst shapeStyles: { [key: string]: any } = {\n  square: {},\n  round: { borderRadius: 999 },\n  mark: { borderRadius: 999, borderTopLeftRadius: 0, borderBottomLeftRadius: 0 },\n};\n\nconst getSizeStyles = (icon: any, afterIcon: any, size: string) => {\n  const sizeStyles = {\n    mini: {\n      fontSize: typography.C3FontSize,\n      paddingVertical: 2,\n      paddingLeft: icon ? 2 : 4,\n      paddingRight: afterIcon ? 2 : 4,\n      borderRadius: 4,\n    },\n    small: {\n      fontSize: typography.C3FontSize,\n      paddingVertical: 3,\n      paddingLeft: icon ? 4 : 6,\n      paddingRight: afterIcon ? 4 : 6,\n      borderRadius: 4,\n    },\n    medium: {\n      fontSize: typography.C2FontSize,\n      paddingVertical: 5,\n      paddingLeft: icon ? 8 : 10,\n      paddingRight: afterIcon ? 8 : 10,\n      borderRadius: 6,\n    },\n    large: {\n      fontSize: typography.B2FontSize,\n      paddingVertical: 8,\n      paddingLeft: icon ? 12 : 16,\n      paddingRight: afterIcon ? 12 : 16,\n      borderRadius: 6,\n    },\n  };\n  // @ts-ignore\n  return sizeStyles[size || \"medium\"];\n};\n\nconst getTextSizeStyles = (icon: any, afterIcon: any, size: string) => {\n  const sizeStyles = {\n    mini: {\n      fontSize: typography.C3FontSize,\n    },\n    small: {\n      fontSize: typography.C3FontSize,\n    },\n    medium: {\n      fontSize: typography.C2FontSize,\n    },\n    large: {\n      fontSize: typography.B2FontSize,\n    },\n  };\n  // @ts-ignore\n  return sizeStyles[size || \"medium\"];\n};\n\nconst Tag: FunctionComponent<RedsTag> = memo(\n  forwardRef((props: RedsTag, ref) => {\n    const {\n      content,\n      type = TagDefaultProps.type,\n      size = TagDefaultProps.size,\n      plain = TagDefaultProps.plain,\n      borderRadius,\n      disabled = TagDefaultProps.disabled,\n      shape = TagDefaultProps.shape,\n      closeabled = TagDefaultProps.closeabled,\n      icon,\n      afterIcon,\n      closeIcon,\n      onClose,\n      children,\n      onClick,\n    } = props;\n    useMounted(\"Tag\");\n    const [visible, setVisible] = useState<boolean>(true);\n\n    const themeColor = useThemeColor(\"Tag\");\n\n    useImperativeHandle(ref, () => ({\n      setVisible,\n    }));\n\n    const typeStyles = getTypeStyles(themeColor);\n\n    const tagStyle = useMemo(() => {\n      const style: any = {\n        fontWeight: typography.C3FontWeight,\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        borderWidth: 0.5,\n        borderColor: \"transparent\",\n        cursor: disabled ? \"not-allowed\" : \"pointer\",\n        userSelect: \"none\",\n        opacity: disabled ? 0.5 : 1,\n        alignSelf: \"flex-start\",\n        flexShrink: 0,\n        flexDirection: \"row\",\n        paddingVertical: 0,\n        includeFontPadding: false,\n      };\n      if (type) {\n        const currentType = type as keyof typeof typeStyles;\n        Object.assign(\n          style,\n          plain\n            ? {\n                backgroundColor: \"transparent\",\n                borderColor: typeStyles[currentType].borderColor,\n                color: typeStyles[currentType].color,\n              }\n            : {\n                backgroundColor: typeStyles[currentType].backgroundColor,\n                borderColor: \"transparent\",\n                color: typeStyles[currentType].color,\n              },\n        );\n      }\n\n      if (size) {\n        Object.assign(style, getSizeStyles(icon, afterIcon, size));\n      }\n\n      if (borderRadius) {\n        style.borderRadius = borderRadius;\n      } else if (shape) {\n        Object.assign(style, shapeStyles[shape]);\n      }\n\n      return style;\n    }, [type, size, plain, borderRadius, shape, disabled]);\n\n    const textStyle = useMemo(() => {\n      return {\n        color: type ? typeStyles[type as keyof typeof typeStyles].color : undefined,\n        includeFontPadding: false,\n        paddingLeft: icon && (props.size === \"large\" || props.size === \"medium\") ? 2 : 0,\n        paddingRight: (afterIcon || closeIcon) && (props.size === \"large\" || props.size === \"medium\") ? 2 : 0,\n        textAlignVertical: \"center\" as \"center\",\n      };\n    }, [type, size]);\n\n    const handleClose = (event: GestureResponderEvent) => {\n      if (!disabled) {\n        setVisible(false);\n        onClose && onClose(event);\n      }\n    };\n\n    if (!visible) return null;\n\n    return (\n      <View style={[styles.tag, tagStyle, props.style]}>\n        <TouchableNativeFeedback disabled={disabled} onPress={onClick}>\n          <View style={{ flexDirection: \"row\", alignItems: \"center\" }}>\n            {icon && (\n              <View style={{ marginRight: 3, flexDirection: \"row\", alignItems: \"center\", height: \"100%\" }}>{icon}</View>\n            )}\n            {!content ? (\n              <Text style={[textStyle, getTextSizeStyles(icon, afterIcon, size), props.textStyle]}>{children}</Text>\n            ) : (\n              <Text style={[textStyle, getTextSizeStyles(icon, afterIcon, size), props.textStyle]}>\n                {typeof content === \"function\" ? content({}) : content}\n              </Text>\n            )}\n            {afterIcon && (\n              <View style={{ marginLeft: 3, flexDirection: \"row\", alignItems: \"center\", height: \"100%\" }}>\n                {afterIcon}\n              </View>\n            )}\n          </View>\n        </TouchableNativeFeedback>\n        {closeabled && (\n          <TouchableNativeFeedback onPress={handleClose} style={{ marginLeft: 3 }}>\n            {closeIcon}\n          </TouchableNativeFeedback>\n        )}\n      </View>\n    );\n  }),\n);\n\nconst styles = StyleSheet.create({\n  tag: {\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    borderWidth: 0.5,\n    borderColor: \"transparent\",\n    paddingHorizontal: 10,\n    flexDirection: \"row\",\n  },\n});\n\nexport default Tag;\n"],"names":["getTypeStyles","themeColor","primary","backgroundColor","lightColor","Primary2","color","Primary","borderColor","Fill1","Paragraph","Separator2","warning","Warning2","Warning","success","Success2","Success","info","Info2","Info","ghost","White","borderWidth","borderStyle","shapeStyles","square","round","borderRadius","mark","borderTopLeftRadius","borderBottomLeftRadius","getSizeStyles","icon","afterIcon","size","sizeStyles","mini","fontSize","typography","C3FontSize","paddingVertical","paddingLeft","paddingRight","small","medium","C2FontSize","large","B2FontSize","getTextSizeStyles","Tag","memo","forwardRef","props","ref","content","_props$type","type","TagDefaultProps","_props$size","_props$plain","plain","_props$disabled","disabled","_props$shape","shape","_props$closeabled","closeabled","closeIcon","onClose","children","onClick","useMounted","_useState","useState","_useState2","_slicedToArray","visible","setVisible","useThemeColor","useImperativeHandle","typeStyles","tagStyle","useMemo","style","fontWeight","C3FontWeight","alignItems","justifyContent","cursor","userSelect","opacity","alignSelf","flexShrink","flexDirection","includeFontPadding","currentType","Object","assign","textStyle","textAlignVertical","handleClose","event","React","createElement","View","styles","tag","TouchableNativeFeedback","onPress","marginRight","height","Text","marginLeft","StyleSheet","create","paddingHorizontal"],"mappings":"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"}
+{"version":3,"file":"Tag.js","sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React, { useState, useMemo, useImperativeHandle, forwardRef, memo, FunctionComponent } from \"react\";\nimport { View, Text, StyleSheet, GestureResponderEvent, TouchableNativeFeedback } from \"react-native\";\nimport { RedsTag, TagDefaultProps } from \"./interface\";\nimport { lightColor, typography, alwaysColor } from \"@xhsreds/reds-token-next\";\nimport { useThemeColor } from \"../ConfigProvider\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\n\nconst getTypeStyles = (themeColor: any) => ({\n  primary: {\n    backgroundColor: lightColor.Primary2,\n    color: lightColor.Primary,\n    borderColor: lightColor.Primary,\n  },\n  default: {\n    backgroundColor: themeColor.Fill1,\n    color: themeColor.Paragraph,\n    borderColor: themeColor.Separator2,\n  },\n  warning: {\n    backgroundColor: lightColor.Warning2,\n    color: lightColor.Warning,\n    borderColor: lightColor.Warning,\n  },\n  success: {\n    backgroundColor: lightColor.Success2,\n    color: lightColor.Success,\n    borderColor: lightColor.Success,\n  },\n  info: {\n    backgroundColor: lightColor.Info2,\n    color: lightColor.Info,\n    borderColor: lightColor.Info,\n  },\n  ghost: {\n    color: alwaysColor.White,\n    borderColor: alwaysColor.LightParagraph,\n    borderWidth: 0.5,\n    borderStyle: \"solid\",\n    backgroundColor: alwaysColor.LightFill3,\n  },\n});\n\nconst shapeStyles: { [key: string]: any } = {\n  square: {},\n  round: { borderRadius: 999 },\n  mark: { borderRadius: 999, borderTopLeftRadius: 0, borderBottomLeftRadius: 0 },\n};\n\nconst getSizeStyles = (icon: any, afterIcon: any, size: string) => {\n  const sizeStyles = {\n    mini: {\n      fontSize: typography.C3FontSize,\n      paddingVertical: 2,\n      paddingLeft: icon ? 2 : 4,\n      paddingRight: afterIcon ? 2 : 4,\n      borderRadius: 4,\n    },\n    small: {\n      fontSize: typography.C3FontSize,\n      paddingVertical: 3,\n      paddingLeft: icon ? 4 : 6,\n      paddingRight: afterIcon ? 4 : 6,\n      borderRadius: 4,\n    },\n    medium: {\n      fontSize: typography.C2FontSize,\n      paddingVertical: 5,\n      paddingLeft: icon ? 8 : 10,\n      paddingRight: afterIcon ? 8 : 10,\n      borderRadius: 6,\n    },\n    large: {\n      fontSize: typography.B2FontSize,\n      paddingVertical: 8,\n      paddingLeft: icon ? 6 : 8,\n      paddingRight: afterIcon ? 6 : 8,\n      borderRadius: 6,\n    },\n  };\n  // @ts-ignore\n  return sizeStyles[size || \"medium\"];\n};\n\nconst getTextSizeStyles = (icon: any, afterIcon: any, size: string) => {\n  const sizeStyles = {\n    mini: {\n      fontSize: typography.C3FontSize,\n    },\n    small: {\n      fontSize: typography.C3FontSize,\n    },\n    medium: {\n      fontSize: typography.C2FontSize,\n    },\n    large: {\n      fontSize: typography.B2FontSize,\n    },\n  };\n  // @ts-ignore\n  return sizeStyles[size || \"medium\"];\n};\n\nconst Tag: FunctionComponent<RedsTag> = memo(\n  forwardRef((props: RedsTag, ref) => {\n    const {\n      content,\n      type = TagDefaultProps.type,\n      size = TagDefaultProps.size,\n      plain = TagDefaultProps.plain,\n      borderRadius,\n      disabled = TagDefaultProps.disabled,\n      shape = TagDefaultProps.shape,\n      closeabled = TagDefaultProps.closeabled,\n      icon,\n      afterIcon,\n      closeIcon,\n      onClose,\n      children,\n      onClick,\n    } = props;\n    useMounted(\"Tag\");\n    const [visible, setVisible] = useState<boolean>(true);\n\n    const themeColor = useThemeColor(\"Tag\");\n\n    useImperativeHandle(ref, () => ({\n      setVisible,\n    }));\n\n    const typeStyles = getTypeStyles(themeColor);\n\n    const tagStyle = useMemo(() => {\n      const style: any = {\n        fontWeight: typography.C3FontWeight,\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        borderWidth: 0.5,\n        borderColor: \"transparent\",\n        cursor: disabled ? \"not-allowed\" : \"pointer\",\n        userSelect: \"none\",\n        opacity: disabled ? 0.5 : 1,\n        alignSelf: \"flex-start\",\n        flexShrink: 0,\n        flexDirection: \"row\",\n        paddingVertical: 0,\n        includeFontPadding: false,\n      };\n      if (type) {\n        const currentType = type as keyof typeof typeStyles;\n        Object.assign(\n          style,\n          plain\n            ? {\n                backgroundColor: \"transparent\",\n                borderColor: typeStyles[currentType].borderColor,\n                color: typeStyles[currentType].color,\n              }\n            : {\n                backgroundColor: typeStyles[currentType].backgroundColor,\n                borderColor: \"transparent\",\n                color: typeStyles[currentType].color,\n              },\n        );\n      }\n\n      if (size) {\n        Object.assign(style, getSizeStyles(icon, afterIcon, size));\n      }\n\n      if (borderRadius) {\n        style.borderRadius = borderRadius;\n      } else if (shape) {\n        Object.assign(style, shapeStyles[shape]);\n      }\n\n      return style;\n    }, [type, size, plain, borderRadius, shape, disabled]);\n\n    const textStyle = useMemo(() => {\n      return {\n        color: type ? typeStyles[type as keyof typeof typeStyles].color : undefined,\n        includeFontPadding: false,\n        paddingLeft: icon && (props.size === \"large\" || props.size === \"medium\") ? 2 : 0,\n        paddingRight: (afterIcon || closeIcon) && (props.size === \"large\" || props.size === \"medium\") ? 2 : 0,\n        textAlignVertical: \"center\" as \"center\",\n      };\n    }, [type, size]);\n\n    const handleClose = (event: GestureResponderEvent) => {\n      if (!disabled) {\n        setVisible(false);\n        onClose && onClose(event);\n      }\n    };\n\n    if (!visible) return null;\n\n    return (\n      <View style={[styles.tag, tagStyle, props.style]}>\n        <TouchableNativeFeedback disabled={disabled} onPress={onClick}>\n          <View style={{ flexDirection: \"row\", alignItems: \"center\" }}>\n            {icon && (\n              <View style={{ marginRight: 3, flexDirection: \"row\", alignItems: \"center\", height: \"100%\" }}>{icon}</View>\n            )}\n            {!content ? (\n              <Text style={[textStyle, getTextSizeStyles(icon, afterIcon, size), props.textStyle]}>{children}</Text>\n            ) : (\n              <Text style={[textStyle, getTextSizeStyles(icon, afterIcon, size), props.textStyle]}>\n                {typeof content === \"function\" ? content({}) : content}\n              </Text>\n            )}\n            {afterIcon && (\n              <View style={{ marginLeft: 3, flexDirection: \"row\", alignItems: \"center\", height: \"100%\" }}>\n                {afterIcon}\n              </View>\n            )}\n          </View>\n        </TouchableNativeFeedback>\n        {closeabled && (\n          <TouchableNativeFeedback onPress={handleClose} style={{ marginLeft: 3 }}>\n            {closeIcon}\n          </TouchableNativeFeedback>\n        )}\n      </View>\n    );\n  }),\n);\n\nconst styles = StyleSheet.create({\n  tag: {\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    borderWidth: 0.5,\n    borderColor: \"transparent\",\n    paddingHorizontal: 10,\n    flexDirection: \"row\",\n  },\n});\n\nexport default Tag;\n"],"names":["getTypeStyles","themeColor","primary","backgroundColor","lightColor","Primary2","color","Primary","borderColor","Fill1","Paragraph","Separator2","warning","Warning2","Warning","success","Success2","Success","info","Info2","Info","ghost","alwaysColor","White","LightParagraph","borderWidth","borderStyle","LightFill3","shapeStyles","square","round","borderRadius","mark","borderTopLeftRadius","borderBottomLeftRadius","getSizeStyles","icon","afterIcon","size","sizeStyles","mini","fontSize","typography","C3FontSize","paddingVertical","paddingLeft","paddingRight","small","medium","C2FontSize","large","B2FontSize","getTextSizeStyles","Tag","memo","forwardRef","props","ref","content","_props$type","type","TagDefaultProps","_props$size","_props$plain","plain","_props$disabled","disabled","_props$shape","shape","_props$closeabled","closeabled","closeIcon","onClose","children","onClick","useMounted","_useState","useState","_useState2","_slicedToArray","visible","setVisible","useThemeColor","useImperativeHandle","typeStyles","tagStyle","useMemo","style","fontWeight","C3FontWeight","alignItems","justifyContent","cursor","userSelect","opacity","alignSelf","flexShrink","flexDirection","includeFontPadding","currentType","Object","assign","textStyle","textAlignVertical","handleClose","event","React","createElement","View","styles","tag","TouchableNativeFeedback","onPress","marginRight","height","Text","marginLeft","StyleSheet","create","paddingHorizontal"],"mappings":"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"}

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_Tag_Tag = require('./Tag.js');
 var components_Tag_interface_index = require('../../_chunks/CohGQiA1.js');
-require('../../_chunks/vVKkFPW_.js');
+require('../../_chunks/C9tZEm0t.js');
 require('react');
 require('react-native');
 require('@xhsreds/reds-token-next');

package/lib/cjs/components/Text/Text.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/vVKkFPW_.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
 var reactNative = require('react-native');
 var React = require('react');
 var components_Text_hooks_cloneContainer = require('./hooks/cloneContainer.js');
@@ -12,21 +12,25 @@ var pvCount_useUnmountedProcess = require('../../pvCount/useUnmountedProcess.js'
 require('../LanguageProvider/LanguageProvider.js');
 var components_LanguageProvider_hooks_useLanguage = require('../LanguageProvider/hooks/useLanguage.js');
 var components_Text_Viewable = require('./Viewable.js');
+var components_Icon_Icon = require('../Icon/Icon.js');
+var rederIconSvgReDs_icon = require('@xhs/reder-icon-svg-ReDs_icon');
+require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');
+var components_ConfigProvider_hooks_themeToken_useThemeToken = require('../ConfigProvider/hooks/themeToken/useThemeToken.js');
 require('./hooks/nativeEmojiMap/android.js');
 require('./hooks/nativeEmojiMap/ios.js');
-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');
 require('./hooks/const.js');
 require('../../pvCount/pvData.js');
 require('../../_chunks/DoNqsT5m.js');
 require('../LanguageProvider/hooks/LanguageContext.js');
 require('../../i18n/index.js');
+require('../../_chunks/NjAxlnfB.js');
+require('@xhsreds/reds-token-next');
+require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
 
 var _excluded = ["strikethrough", "underline", "italic", "rows", "expandable", "expandText", "collapsible", "collapseText", "textStyle", "emojiStyle", "fontFamily", "isEllipsis", "isRenderEmoji", "actionStyle", "actionTextStyle", "children", "lastCustomText", "onClick"];
 var Text = (function (props) {
+  var themeColor = components_ConfigProvider_hooks_themeToken_useThemeToken.useThemeColor();
   pvCount_useUnmountedProcess.default("Text");
   var _props$strikethrough = props.strikethrough,
     strikethrough = _props$strikethrough === void 0 ? false : _props$strikethrough,
@@ -132,7 +136,7 @@ var Text = (function (props) {
       var _lines;
       setActionText(expandText || expandKey);
       setRenderRows(rows - 1);
-      setLastLineText(((_lines = lines[rows - 1]) === null || _lines === void 0 ? void 0 : _lines.text) + actionText || "");
+      setLastLineText(((_lines = lines[rows - 1]) === null || _lines === void 0 ? void 0 : _lines.text) || "");
     } else {
       setActionText(collapseText || closeKey);
       setRenderRows(lines.length);
@@ -144,11 +148,15 @@ var Text = (function (props) {
   }, [textContent]);
   var onTextLayout = React.useCallback(function (e) {
     var lines2 = e.nativeEvent.lines;
-    lines2.length > rows ? setActionShow(true) : setActionShow(false);
     setLines(lines2);
-    setCalcFinished(true);
-    setExpanded(true);
   }, [rows]);
+  React.useEffect(function () {
+    if (lines.length > 0) {
+      lines.length > rows ? setActionShow(true) : setActionShow(false);
+      setCalcFinished(true);
+      setExpanded(true);
+    }
+  }, [lines]);
   var toggle = function toggle() {
     setExpanded(function (preValue) {
       return !preValue;
@@ -157,12 +165,22 @@ var Text = (function (props) {
   return /* @__PURE__ */React.createElement(components_Text_Viewable.default, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, props.firstDrawFinishedProps), {}, {
     callback: props.onFirstDrawFinished
   }), !calcFinished && /* @__PURE__ */React.createElement(components_Text_hooks_cloneContainer.CloneContainer, {
-    text: textContent,
+    text: isRenderEmoji ? renderText : textContent,
+    isRenderEmoji: isRenderEmoji,
     textStyle: customStyles.textStyle,
-    onTextLayout: onTextLayout
-  }), /* @__PURE__ */React.createElement(reactNative.View, null, lines.map(function (item, index) {
+    onTextLayout: onTextLayout,
+    setLines: setLines
+  }), /* @__PURE__ */React.createElement(reactNative.View, {
+    style: {
+      display: "flex",
+      flexDirection: "row",
+      alignItems: "center",
+      width: "100%",
+      flexWrap: "wrap"
+    }
+  }, lines.map(function (item, index) {
     if (index < renderRows) {
-      return /* @__PURE__ */React.createElement(reactNative.Text, {
+      return isRenderEmoji ? item === null || item === void 0 ? void 0 : item.text : /* @__PURE__ */React.createElement(reactNative.Text, {
         key: index,
         style: [customStyles.textStyle, {
           maxHeight: customStyles.textStyle.lineHeight
@@ -173,7 +191,7 @@ var Text = (function (props) {
     style: customStyles.lastLineStyle
   }, /* @__PURE__ */React.createElement(reactNative.View, {
     style: customStyles.lastLineTextWrapperStyle
-  }, /* @__PURE__ */React.createElement(reactNative.Text, {
+  }, isRenderEmoji ? lastLineText : /* @__PURE__ */React.createElement(reactNative.Text, {
     numberOfLines: 1,
     style: customStyles.textStyle,
     ellipsizeMode: "tail"
@@ -181,10 +199,15 @@ var Text = (function (props) {
     style: customStyles.textStyle
   }, lastCustomText ? lastCustomText : "")), /* @__PURE__ */React.createElement(reactNative.View, {
     style: customStyles.actionStyle
-  }, (expanded && expandable || !expanded && collapsible) && /* @__PURE__ */React.createElement(reactNative.Text, {
+  }, (expanded && expandable || !expanded && collapsible) && /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(reactNative.Text, {
     style: customStyles.actionTextStyle,
     onPress: toggle
-  }, actionText)))));
+  }, actionText), /* @__PURE__ */React.createElement(components_Icon_Icon.default, {
+    onClick: toggle,
+    icon: expanded ? rederIconSvgReDs_icon.ArrowDownM : rederIconSvgReDs_icon.ArrowUpM,
+    size: 16,
+    fill: themeColor.Title
+  }))))));
 });
 
 exports.default = Text;

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import { Text, View, StyleSheet, TouchableWithoutFeedback, TextProps } from \"react-native\";\nimport React, { Children, useCallback, useEffect, useLayoutEffect, useState } from \"react\";\nimport { getRenderText, CloneContainer } from \"./hooks\";\nimport { RedsTextReal, LineInfo, TextLayoutEvent } from \"./interface\";\nimport createStyles from \"./styles\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { useLanguage } from \"../LanguageProvider\";\nimport Viewable from \"./Viewable\";\nexport default (props: RedsTextReal & TextProps) => {\n  useMounted(\"Text\");\n  const {\n    strikethrough = false,\n    underline = false,\n    italic = false,\n    rows = 1,\n    expandable = true,\n    expandText,\n    collapsible = true,\n    collapseText,\n    textStyle = {},\n    emojiStyle = {\n      height: 16,\n      width: 16,\n    },\n    fontFamily,\n    isEllipsis = false,\n    isRenderEmoji = false,\n    actionStyle = {},\n    actionTextStyle = {},\n    children,\n    lastCustomText,\n    onClick = () => {},\n    ...res\n  } = props;\n\n  const closeKey = useLanguage(\"componentKey\", \"closeKey\");\n  const expandKey = useLanguage(\"componentKey\", \"expandKey\");\n\n  // 默认样式\n  const styles = createStyles({\n    textStyleProps: {\n      strikethrough,\n      underline,\n      italic,\n      fontFamily,\n    },\n  });\n\n  // 定制样式\n  const customStyles = StyleSheet.create({\n    textStyle: {\n      ...styles.textStyleInitial,\n      ...textStyle,\n    },\n    lastLineStyle: {\n      ...styles.lastLineStyleInitial,\n    },\n    lastLineTextWrapperStyle: {\n      ...styles.lastLineTextWrapperInitial,\n    },\n    actionStyle: {\n      ...styles.actionStyle,\n      ...actionStyle,\n    },\n    actionTextStyle: {\n      ...styles.actionTextStyleInitial,\n      ...actionTextStyle,\n    },\n  });\n\n  if (!isEllipsis && !isRenderEmoji) {\n    return (\n      <Viewable {...props.firstDrawFinishedProps} callback={props.onFirstDrawFinished}>\n        <Text style={[customStyles.textStyle]} {...res}>\n          {children}\n        </Text>\n      </Viewable>\n    );\n  }\n\n  // 子组件文本内容\n  const renderText = Children.map(children, (e) => getRenderText(e, emojiStyle, customStyles.textStyle.lineHeight));\n\n  const textContent = renderText?.filter((e: any) => typeof e === \"string\").join(\"\");\n\n  if (!isEllipsis && isRenderEmoji) {\n    return (\n      <Viewable {...props.firstDrawFinishedProps} callback={props.onFirstDrawFinished}>\n        <Text style={customStyles.textStyle} {...res}>\n          {renderText}\n        </Text>\n      </Viewable>\n    );\n  }\n\n  const [expanded, setExpanded] = useState<boolean>(false);\n\n  const [actionText, setActionText] = useState<string>(\"\");\n\n  const [actionShow, setActionShow] = useState<boolean>(false);\n\n  const [lines, setLines] = useState<LineInfo[]>([]);\n\n  const [renderRows, setRenderRows] = useState<number>(0);\n\n  const [lastLineText, setLastLineText] = useState<string>(\"\");\n\n  const [calcFinished, setCalcFinished] = useState<boolean>(false);\n\n  useLayoutEffect(() => {\n    if (expanded && actionShow) {\n      setActionText(expandText || expandKey);\n      setRenderRows(rows - 1);\n      setLastLineText(lines[rows - 1]?.text + actionText || \"\");\n    } else {\n      setActionText(collapseText || closeKey);\n      setRenderRows(lines.length);\n      setLastLineText(\"\");\n    }\n  }, [expanded, expandText, expandKey, collapseText, closeKey, rows, lines]);\n\n  // 当内容字体改变，重新计算行数\n  useEffect(() => {\n    setCalcFinished(false);\n  }, [textContent]);\n\n  const onPress = () => {\n    onClick(\"\");\n  };\n\n  // 获取文本容器的行数\n  const onTextLayout = useCallback(\n    (e: TextLayoutEvent) => {\n      const {\n        nativeEvent: { lines },\n      } = e;\n\n      lines.length > rows ? setActionShow(true) : setActionShow(false);\n\n      setLines(lines);\n      // 移除克隆的文本容器\n      setCalcFinished(true);\n      setExpanded(true);\n    },\n    [rows],\n  );\n\n  // 非受控功能内部处理展开收起逻辑\n  const toggle = () => {\n    setExpanded((preValue) => !preValue);\n  };\n\n  return (\n    <Viewable {...props.firstDrawFinishedProps} callback={props.onFirstDrawFinished}>\n      {!calcFinished && (\n        <CloneContainer text={textContent} textStyle={customStyles.textStyle} onTextLayout={onTextLayout} />\n      )}\n      {/* 渲染除最后一行外的前几行 */}\n      <View>\n        {lines.map((item, index) => {\n          if (index < renderRows) {\n            return (\n              <Text key={index} style={[customStyles.textStyle, { maxHeight: customStyles.textStyle.lineHeight }]}>\n                {item?.text}\n              </Text>\n            );\n          }\n        })}\n        {/* 渲染最后一行 */}\n        {actionShow && ((!expanded && collapsible) || expanded) && (\n          <View style={customStyles.lastLineStyle}>\n            <View style={customStyles.lastLineTextWrapperStyle}>\n              <Text numberOfLines={1} style={customStyles.textStyle} ellipsizeMode={\"tail\"}>\n                {lastLineText}\n              </Text>\n              {expanded && <Text style={customStyles.textStyle}>{lastCustomText ? lastCustomText : \"\"}</Text>}\n            </View>\n            {/* 渲染展开收起按钮 */}\n            <View style={customStyles.actionStyle}>\n              {((expanded && expandable) || (!expanded && collapsible)) && (\n                <Text style={customStyles.actionTextStyle} onPress={toggle}>\n                  {actionText}\n                </Text>\n              )}\n            </View>\n          </View>\n        )}\n      </View>\n    </Viewable>\n  );\n};\n"],"names":["props","useMounted","_props$strikethrough","strikethrough","_props$underline","underline","_props$italic","italic","_props$rows","rows","_props$expandable","expandable","expandText","_props$collapsible","collapsible","collapseText","_props$textStyle","textStyle","_props$emojiStyle","emojiStyle","height","width","fontFamily","_props$isEllipsis","isEllipsis","_props$isRenderEmoji","isRenderEmoji","_props$actionStyle","actionStyle","_props$actionTextStyl","actionTextStyle","children","lastCustomText","onClick","res","_objectWithoutProperties","_excluded","closeKey","useLanguage","expandKey","styles","createStyles","textStyleProps","customStyles","StyleSheet","create","_objectSpread","textStyleInitial","lastLineStyle","lastLineStyleInitial","lastLineTextWrapperStyle","lastLineTextWrapperInitial","actionTextStyleInitial","Viewable","firstDrawFinishedProps","callback","onFirstDrawFinished","React","createElement","Text","style","renderText","Children","map","e","getRenderText","lineHeight","textContent","filter","join","_useState","useState","_useState2","_slicedToArray","expanded","setExpanded","_useState3","_useState4","actionText","setActionText","_useState5","_useState6","actionShow","setActionShow","_useState7","_useState8","lines","setLines","_useState9","_useState0","renderRows","setRenderRows","_useState1","_useState10","lastLineText","setLastLineText","_useState11","_useState12","calcFinished","setCalcFinished","useLayoutEffect","_lines","text","length","useEffect","onTextLayout","useCallback","nativeEvent","toggle","preValue","CloneContainer","View","item","index","key","maxHeight","numberOfLines","ellipsizeMode","onPress"],"mappings":"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"}
+{"version":3,"file":"Text.js","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import { Text, View, StyleSheet, TextProps } from \"react-native\";\nimport React, { Children, useCallback, useEffect, useLayoutEffect, useState } from \"react\";\nimport { getRenderText, CloneContainer } from \"./hooks\";\nimport { RedsTextReal, LineInfo, TextLayoutEvent } from \"./interface\";\nimport createStyles from \"./styles\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { useLanguage } from \"../LanguageProvider\";\nimport Viewable from \"./Viewable\";\nimport { Icon } from \"../Icon\";\nimport { ArrowDownM, ArrowUpM } from \"@xhs/reder-icon-svg-ReDs_icon\";\nimport { useThemeColor } from \"../ConfigProvider\";\nexport default (props: RedsTextReal & TextProps) => {\n  const themeColor = useThemeColor();\n  useMounted(\"Text\");\n  const {\n    strikethrough = false,\n    underline = false,\n    italic = false,\n    rows = 1,\n    expandable = true,\n    expandText,\n    collapsible = true,\n    collapseText,\n    textStyle = {},\n    emojiStyle = {\n      height: 16,\n      width: 16,\n    },\n    fontFamily,\n    isEllipsis = false,\n    isRenderEmoji = false,\n    actionStyle = {},\n    actionTextStyle = {},\n    children,\n    lastCustomText,\n    onClick = () => {},\n    ...res\n  } = props;\n\n  const closeKey = useLanguage(\"componentKey\", \"closeKey\");\n  const expandKey = useLanguage(\"componentKey\", \"expandKey\");\n\n  // 默认样式\n  const styles = createStyles({\n    textStyleProps: {\n      strikethrough,\n      underline,\n      italic,\n      fontFamily,\n    },\n  });\n\n  // 定制样式\n  const customStyles = StyleSheet.create({\n    textStyle: {\n      ...styles.textStyleInitial,\n      ...textStyle,\n    },\n    lastLineStyle: {\n      ...styles.lastLineStyleInitial,\n    },\n    lastLineTextWrapperStyle: {\n      ...styles.lastLineTextWrapperInitial,\n    },\n    actionStyle: {\n      ...styles.actionStyle,\n      ...actionStyle,\n    },\n    actionTextStyle: {\n      ...styles.actionTextStyleInitial,\n      ...actionTextStyle,\n    },\n  });\n\n  if (!isEllipsis && !isRenderEmoji) {\n    return (\n      <Viewable {...props.firstDrawFinishedProps} callback={props.onFirstDrawFinished}>\n        <Text style={[customStyles.textStyle]} {...res}>\n          {children}\n        </Text>\n      </Viewable>\n    );\n  }\n\n  // 子组件文本内容\n  const renderText = Children.map(children, (e) => getRenderText(e, emojiStyle, customStyles.textStyle.lineHeight));\n\n  const textContent = renderText?.filter((e: any) => typeof e === \"string\").join(\"\");\n\n  if (!isEllipsis && isRenderEmoji) {\n    return (\n      <Viewable {...props.firstDrawFinishedProps} callback={props.onFirstDrawFinished}>\n        <Text style={customStyles.textStyle} {...res}>\n          {renderText}\n        </Text>\n      </Viewable>\n    );\n  }\n\n  const [expanded, setExpanded] = useState<boolean>(false);\n\n  const [actionText, setActionText] = useState<string>(\"\");\n\n  const [actionShow, setActionShow] = useState<boolean>(false);\n\n  const [lines, setLines] = useState<LineInfo[]>([]);\n\n  const [renderRows, setRenderRows] = useState<number>(0);\n\n  const [lastLineText, setLastLineText] = useState<string>(\"\");\n\n  const [calcFinished, setCalcFinished] = useState<boolean>(false);\n\n  useLayoutEffect(() => {\n    if (expanded && actionShow) {\n      setActionText(expandText || expandKey);\n      setRenderRows(rows - 1);\n      setLastLineText(lines[rows - 1]?.text || \"\");\n    } else {\n      setActionText(collapseText || closeKey);\n      setRenderRows(lines.length);\n      setLastLineText(\"\");\n    }\n  }, [expanded, expandText, expandKey, collapseText, closeKey, rows, lines]);\n\n  // 当内容字体改变，重新计算行数\n  useEffect(() => {\n    setCalcFinished(false);\n  }, [textContent]);\n\n  const onPress = () => {\n    onClick(\"\");\n  };\n\n  // 获取文本容器的行数\n  const onTextLayout = useCallback(\n    (e: TextLayoutEvent) => {\n      const {\n        nativeEvent: { lines },\n      } = e;\n      setLines(lines);\n    },\n    [rows],\n  );\n\n  useEffect(() => {\n    // 移除克隆的文本容器\n    if (lines.length > 0) {\n      lines.length > rows ? setActionShow(true) : setActionShow(false);\n      setCalcFinished(true);\n      setExpanded(true);\n    }\n  }, [lines]);\n\n  // 非受控功能内部处理展开收起逻辑\n  const toggle = () => {\n    setExpanded((preValue) => !preValue);\n  };\n\n  return (\n    <Viewable {...props.firstDrawFinishedProps} callback={props.onFirstDrawFinished}>\n      {!calcFinished && (\n        <CloneContainer\n          text={isRenderEmoji ? renderText : textContent}\n          isRenderEmoji={isRenderEmoji}\n          textStyle={customStyles.textStyle}\n          onTextLayout={onTextLayout}\n          setLines={setLines}\n        />\n      )}\n      {/* 渲染除最后一行外的前几行 */}\n      <View\n        style={{\n          display: \"flex\",\n          flexDirection: \"row\",\n          alignItems: \"center\",\n          width: \"100%\",\n          flexWrap: \"wrap\",\n        }}\n      >\n        {lines.map((item, index) => {\n          if (index < renderRows) {\n            return isRenderEmoji ? (\n              item?.text\n            ) : (\n              <Text key={index} style={[customStyles.textStyle, { maxHeight: customStyles.textStyle.lineHeight }]}>\n                {item?.text}\n              </Text>\n            );\n          }\n        })}\n        {/* 渲染最后一行 */}\n        {actionShow && ((!expanded && collapsible) || expanded) && (\n          <View style={customStyles.lastLineStyle}>\n            <View style={customStyles.lastLineTextWrapperStyle}>\n              {isRenderEmoji ? (\n                lastLineText\n              ) : (\n                <Text numberOfLines={1} style={customStyles.textStyle} ellipsizeMode={\"tail\"}>\n                  {lastLineText}\n                </Text>\n              )}\n              {expanded && <Text style={customStyles.textStyle}>{lastCustomText ? lastCustomText : \"\"}</Text>}\n            </View>\n            {/* 渲染展开收起按钮 */}\n            <View style={customStyles.actionStyle}>\n              {((expanded && expandable) || (!expanded && collapsible)) && (\n                <>\n                  <Text style={customStyles.actionTextStyle} onPress={toggle}>\n                    {actionText}\n                  </Text>\n                  <Icon onClick={toggle} icon={expanded ? ArrowDownM : ArrowUpM} size={16} fill={themeColor.Title} />\n                </>\n              )}\n            </View>\n          </View>\n        )}\n      </View>\n    </Viewable>\n  );\n};\n"],"names":["props","themeColor","useThemeColor","useMounted","_props$strikethrough","strikethrough","_props$underline","underline","_props$italic","italic","_props$rows","rows","_props$expandable","expandable","expandText","_props$collapsible","collapsible","collapseText","_props$textStyle","textStyle","_props$emojiStyle","emojiStyle","height","width","fontFamily","_props$isEllipsis","isEllipsis","_props$isRenderEmoji","isRenderEmoji","_props$actionStyle","actionStyle","_props$actionTextStyl","actionTextStyle","children","lastCustomText","onClick","res","_objectWithoutProperties","_excluded","closeKey","useLanguage","expandKey","styles","createStyles","textStyleProps","customStyles","StyleSheet","create","_objectSpread","textStyleInitial","lastLineStyle","lastLineStyleInitial","lastLineTextWrapperStyle","lastLineTextWrapperInitial","actionTextStyleInitial","Viewable","firstDrawFinishedProps","callback","onFirstDrawFinished","React","createElement","Text","style","renderText","Children","map","e","getRenderText","lineHeight","textContent","filter","join","_useState","useState","_useState2","_slicedToArray","expanded","setExpanded","_useState3","_useState4","actionText","setActionText","_useState5","_useState6","actionShow","setActionShow","_useState7","_useState8","lines","setLines","_useState9","_useState0","renderRows","setRenderRows","_useState1","_useState10","lastLineText","setLastLineText","_useState11","_useState12","calcFinished","setCalcFinished","useLayoutEffect","_lines","text","length","useEffect","onTextLayout","useCallback","nativeEvent","toggle","preValue","CloneContainer","View","display","flexDirection","alignItems","flexWrap","item","index","key","maxHeight","numberOfLines","ellipsizeMode","Fragment","onPress","Icon","icon","ArrowDownM","ArrowUpM","size","fill","Title"],"mappings":"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"}

package/lib/cjs/components/Text/Viewable.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/vVKkFPW_.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var reactNative = require('react-native');
 

package/lib/cjs/components/Text/hooks/cloneContainer.js

@@ -1,28 +1,86 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../../_chunks/vVKkFPW_.js');
+var _rollupPluginBabelHelpers = require('../../../_chunks/C9tZEm0t.js');
 var reactNative = require('react-native');
 var React = require('react');
 
 var CloneContainer = function CloneContainer(_ref) {
   var text = _ref.text,
     textStyle = _ref.textStyle,
-    onTextLayout = _ref.onTextLayout;
+    onTextLayout = _ref.onTextLayout,
+    isRenderEmoji = _ref.isRenderEmoji,
+    setLines = _ref.setLines;
   var containerRef = React.useRef(null);
   var styles = reactNative.StyleSheet.create({
     container: {
       zIndex: -9999,
       top: -9999,
       height: "auto",
+      width: "100%",
       minHeight: "auto",
       maxHeight: "auto"
     },
-    text: _rollupPluginBabelHelpers._objectSpread2({}, textStyle)
+    text: _rollupPluginBabelHelpers._objectSpread2({}, textStyle),
+    view: {
+      display: "flex",
+      flexDirection: "row",
+      alignItems: "center",
+      width: "100%",
+      flexWrap: "wrap"
+    }
   });
+  var _useState = React.useState([]),
+    _useState2 = _rollupPluginBabelHelpers._slicedToArray(_useState, 2),
+    lefts = _useState2[0],
+    setLefts = _useState2[1];
+  var renderText = React.useMemo(function () {
+    if (Array.isArray(text)) {
+      var _text$map;
+      var tempText = (_text$map = text.map) === null || _text$map === void 0 ? void 0 : _text$map.call(text, function (txt, index) {
+        return /* @__PURE__ */React.createElement(reactNative.Text, {
+          onLayout: function onLayout(e) {
+            var left = e.nativeEvent.layout.x + e.nativeEvent.layout.width;
+            !lefts[index] && (lefts[index] = left) && setLefts(_rollupPluginBabelHelpers._toConsumableArray(lefts));
+          }
+        }, txt);
+      });
+      return tempText;
+    } else {
+      return /* @__PURE__ */React.createElement(reactNative.Text, null, text);
+    }
+  }, [text]);
+  React.useEffect(function () {
+    if (Array.isArray(text) && lefts.length === text.length) {
+      var lines = [],
+        cur = [];
+      lefts.forEach(function (left, index) {
+        cur.push(typeof text[index] === "string" ? /* @__PURE__ */React.createElement(reactNative.Text, null, text[index]) : text[index]);
+        if (left > reactNative.Dimensions.get("screen").width * 0.9) {
+          lines.push({
+            text: React.Children.map(_rollupPluginBabelHelpers._toConsumableArray(cur), function (child) {
+              return /*#__PURE__*/React.cloneElement(child, {
+                key: index
+              });
+            })
+          });
+          cur = [];
+        }
+      });
+      console.log("~~~~~lines", lines.length);
+      if (cur.length > 0) {
+        lines.push({
+          text: _rollupPluginBabelHelpers._toConsumableArray(cur)
+        });
+      }
+      setLines(lines);
+    }
+  }, [lefts]);
   return /* @__PURE__ */React.createElement(reactNative.View, {
     ref: containerRef,
     style: styles.container
-  }, /* @__PURE__ */React.createElement(reactNative.Text, {
+  }, isRenderEmoji ? /* @__PURE__ */React.createElement(reactNative.View, {
+    style: styles.view
+  }, renderText) : /* @__PURE__ */React.createElement(reactNative.Text, {
     onTextLayout: onTextLayout,
     style: styles.text
   }, text));

package/lib/cjs/components/Text/hooks/cloneContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"cloneContainer.js","sources":["../../../../../src/components/Text/hooks/cloneContainer.tsx"],"sourcesContent":["import { StyleSheet, View, Text, TextStyle } from \"react-native\";\nimport React, { useRef } from \"react\";\n\nexport const CloneContainer = ({\n  text,\n  textStyle,\n  onTextLayout,\n}: {\n  text?: string;\n  textStyle: TextStyle;\n  onTextLayout?: (e: any) => void;\n}) => {\n  const containerRef = useRef(null);\n\n  const styles = StyleSheet.create({\n    container: {\n      zIndex: -9999,\n      top: -9999,\n      height: \"auto\",\n      minHeight: \"auto\",\n      maxHeight: \"auto\",\n    },\n    text: {\n      ...textStyle,\n    },\n  });\n\n  return (\n    <View ref={containerRef} style={styles.container}>\n      <Text onTextLayout={onTextLayout} style={styles.text}>\n        {text}\n      </Text>\n    </View>\n  );\n};\n"],"names":["CloneContainer","text","_ref","textStyle","onTextLayout","containerRef","useRef","styles","StyleSheet","create","container","zIndex","top","height","minHeight","maxHeight","_objectSpread","React","createElement","View","ref","style","Text"],"mappings":";;;;;;IAGaA,iBAAiB,SAAjBA,qBAQP;AAAA,EAAA,IAPJC,IAAA,GAAAC,IAAA,CAAAD,IAAA;IACAE,SAAA,GAAAD,IAAA,CAAAC,SAAA;IACAC,YAAA,GAAAF,IAAA,CAAAE,YAAA,CAAA;AAMM,EAAA,IAAAC,YAAA,GAAeC,aAAO,IAAI,CAAA,CAAA;AAE1B,EAAA,IAAAC,MAAA,GAASC,uBAAWC,MAAO,CAAA;AAC/BC,IAAAA,SAAW,EAAA;MACTC,MAAQ,EAAA,CAAA,IAAA;MACRC,GAAK,EAAA,CAAA,IAAA;AACLC,MAAAA,MAAQ,EAAA,MAAA;AACRC,MAAAA,SAAW,EAAA,MAAA;AACXC,MAAAA,SAAW,EAAA,MAAA;KACb;IACAd,IAAM,EAAAe,wCAAA,CAAA,EAAA,EACDb,SAAA,CAAA;AAEP,GAAC,CAAA,CAAA;AAED,EAAA,sBACGc,KAAA,CAAAC,aAAA,CAAAC,gBAAA,EAAA;AAAKC,IAAAA,GAAK,EAAAf,YAAA;IAAcgB,OAAOd,MAAO,CAAAG,SAAAA;AAAA,GAAA,iBACpCO,KAAA,CAAAC,aAAA,CAAAI,gBAAA,EAAA;AAAKlB,IAAAA,YAA4B,EAA5BA,YAA4B;IAAAiB,KAAA,EAAOd,MAAO,CAAAN,IAAAA;GAAA,EAC7CA,IACH,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"cloneContainer.js","sources":["../../../../../src/components/Text/hooks/cloneContainer.tsx"],"sourcesContent":["import { StyleSheet, View, Text, TextStyle, Dimensions } from \"react-native\";\nimport React, { useRef, useMemo, useState, useEffect } from \"react\";\n\nexport const CloneContainer = ({\n  text,\n  textStyle,\n  onTextLayout,\n  isRenderEmoji,\n  setLines,\n}: {\n  text?: string;\n  textStyle: TextStyle;\n  onTextLayout?: (e: any) => void;\n  isRenderEmoji?: boolean;\n  setLines?: any;\n}) => {\n  const containerRef = useRef(null);\n\n  const styles = StyleSheet.create({\n    container: {\n      zIndex: -9999,\n      top: -9999,\n      height: \"auto\",\n      width: \"100%\",\n      minHeight: \"auto\",\n      maxHeight: \"auto\",\n    },\n    text: {\n      ...textStyle,\n    },\n    view: {\n      display: \"flex\",\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      width: \"100%\",\n      flexWrap: \"wrap\",\n    },\n  });\n  const [lefts, setLefts] = useState<number[]>([]);\n\n  const renderText = useMemo(() => {\n    if (Array.isArray(text)) {\n      const tempText = text.map?.((txt, index) => {\n        return (\n          <Text\n            onLayout={(e) => {\n              const left = e.nativeEvent.layout.x + e.nativeEvent.layout.width;\n              !lefts[index] && (lefts[index] = left) && setLefts([...lefts]);\n            }}\n          >\n            {txt}\n          </Text>\n        );\n      });\n      return tempText;\n    } else {\n      return <Text>{text}</Text>;\n    }\n  }, [text]);\n\n  useEffect(() => {\n    if (Array.isArray(text) && lefts.length === text.length) {\n      let lines: any = [],\n        cur: any[] = [];\n      lefts.forEach((left, index) => {\n        cur.push(typeof text[index] === \"string\" ? <Text>{text[index]}</Text> : text[index]);\n        if (left > Dimensions.get(\"screen\").width * 0.9) {\n          lines.push({\n            text: React.Children.map([...cur], (child) => {\n              return React.cloneElement(child, {\n                key: index,\n              });\n            }),\n          });\n          cur = [];\n        }\n      });\n      console.log(\"~~~~~lines\", lines.length);\n      // 处理最后一行\n      if (cur.length > 0) {\n        lines.push({\n          text: [...cur],\n        });\n      }\n      setLines(lines);\n    }\n  }, [lefts]);\n\n  return (\n    <View ref={containerRef} style={styles.container}>\n      {isRenderEmoji ? (\n        <View style={styles.view}>{renderText}</View>\n      ) : (\n        <Text onTextLayout={onTextLayout} style={styles.text}>\n          {text}\n        </Text>\n      )}\n    </View>\n  );\n};\n"],"names":["CloneContainer","text","_ref","textStyle","onTextLayout","isRenderEmoji","setLines","containerRef","useRef","styles","StyleSheet","create","container","zIndex","top","height","width","minHeight","maxHeight","_objectSpread","view","display","flexDirection","alignItems","flexWrap","_useState","useState","_useState2","_slicedToArray","lefts","setLefts","renderText","useMemo","Array","isArray","_text$map","tempText","map","call","txt","index","React","createElement","Text","onLayout","e","left","nativeEvent","layout","x","_toConsumableArray","useEffect","length","lines","cur","forEach","push","Dimensions","get","Children","child","cloneElement","key","console","log","View","ref","style"],"mappings":"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"}

package/lib/cjs/components/Text/hooks/index.js

@@ -3,7 +3,7 @@
 var components_Text_hooks_cloneContainer = require('./cloneContainer.js');
 var components_Text_hooks_getRenderText = require('./getRenderText.js');
 var components_Text_hooks_loadFontFromFile = require('./loadFontFromFile.js');
-require('../../../_chunks/vVKkFPW_.js');
+require('../../../_chunks/C9tZEm0t.js');
 require('react-native');
 require('react');
 require('./nativeEmojiMap/android.js');

package/lib/cjs/components/Text/hooks/loadFontFromFile.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../../_chunks/vVKkFPW_.js');
+var _rollupPluginBabelHelpers = require('../../../_chunks/C9tZEm0t.js');
 var reactNative = require('react-native');
 
 var loadFontFromFile = /*#__PURE__*/function () {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_Text_Text = require('./Text.js');
 var components_Text_interface_index = require('../../_chunks/BcyNifW9.js');
-require('../../_chunks/vVKkFPW_.js');
+require('../../_chunks/C9tZEm0t.js');
 require('react-native');
 require('react');
 require('./hooks/cloneContainer.js');
@@ -26,6 +26,9 @@ require('../LanguageProvider/hooks/LanguageContext.js');
 require('../LanguageProvider/hooks/useLanguage.js');
 require('../../i18n/index.js');
 require('./Viewable.js');
+require('../Icon/Icon.js');
+require('../../_chunks/NjAxlnfB.js');
+require('@xhs/reder-icon-svg-ReDs_icon');