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

package/lib/esm/components/Alert/Alert.js

@@ -1,12 +1,11 @@
-import { a as _objectSpread2 } from '../../_chunks/DpFbw-p-.js';
+import { a as _objectSpread2 } from '../../_chunks/CAkwE9ZD.js';
 import React, { useRef, useEffect } from 'react';
 import { Animated, View, TouchableWithoutFeedback, Text, ScrollView } from 'react-native';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
 import useMounted from '../../pvCount/useUnmountedProcess.js';
 import { useThemeTypography } from '../ConfigProvider/hooks/themeToken/useThemeToken.js';
-import { A as AlertDefaultProps } from '../../_chunks/Bli8ZtGd.js';
+import { A as AlertDefaultProps } from '../../_chunks/VnzL1go0.js';
 import Button from '../Button/Button.js';
-import Divider from '../Divider/Divider.js';
 import Portal from '../Portal/core/Portal.js';
 import '../Portal/core/PortalHost.js';
 import '../Portal/core/PortalProvider.js';
@@ -36,9 +35,8 @@ import '../ProgressIndicator/lottie/loading.js';
 import '../ProgressIndicator/lottie/loading_dark.js';
 import '../ProgressIndicator/lottie/loading_primary.js';
 import '../ConfigProvider/hooks/themeToken/useColorMode.js';
+import '../ProgressIndicator/styles.js';
 import '@xhs/lottie-react-native';
-import '../../_chunks/CLoffREn.js';
-import '../Divider/styles.js';
 import '../Portal/core/hooks/usePortal.js';
 import '../../_chunks/CDM4vPRi.js';
 import '../Portal/core/PortalContext.js';
@@ -74,7 +72,7 @@ var Alert = function Alert(props) {
     confirmBtnTextStyle = finalProps.confirmBtnTextStyle,
     hostName = finalProps.hostName,
     onMask = finalProps.onMask;
-  var styles = style();
+  var styles = style(props);
   var fadeAnim = useRef(new Animated.Value(0)).current;
   var cancelKey = useLanguage("componentKey", "cancelKey");
   var confirmKey = useLanguage("componentKey", "confirmKey");
@@ -122,24 +120,33 @@ var Alert = function Alert(props) {
     style: [styles.messageText, align === "left" && styles.messageLeft]
   }, message)) : children), footer ? footer : /* @__PURE__ */React.createElement(View, {
     style: [styles.footer, footerLayout === "vertical" ? styles.footerVertical : styles.footerHorizontal, footerType === "text" && styles.footerText, props.footerStyle]
-  }, showCancelButton && /* @__PURE__ */React.createElement(Button, {
+  }, showCancelButton && /* @__PURE__ */React.createElement(Button, _objectSpread2(_objectSpread2({
     variant: footerType === "text" ? "text" : "outline",
     onClick: handleCancel,
-    style: _objectSpread2(_objectSpread2({}, footerLayout === "vertical" ? styles.verButton : styles.button), cancelBtnStyle),
-    size: footerType === "text" ? "large" : "medium"
-  }, cancelText || cancelKey), footerType === "text" && showCancelButton && footerLayout !== "vertical" && /* @__PURE__ */React.createElement(View, {
-    style: styles.dividerBox
-  }, /* @__PURE__ */React.createElement(Divider, {
+    style: _objectSpread2(_objectSpread2({}, footerLayout === "vertical" ? styles.verCancelButton : styles.cancelButton), cancelBtnStyle),
+    size: footerType === "text" ? footerLayout === "vertical" ? "medium" : "large" : "medium"
+  }, props.cancelBtnProps || {}), {}, {
+    textStyle: styles.cancelText
+  }), cancelText || cancelKey), footerType === "text" && showCancelButton && (footerLayout === "vertical" ?
+  // @ts-ignore
+  /* @__PURE__ */
+  React.createElement(View, {
+    direction: "horizontal",
+    style: styles.horizontalLine
+  }) :
+  // @ts-ignore
+  /* @__PURE__ */
+  React.createElement(View, {
     direction: "vertical",
-    size: 24
-  })), showConfirmButton && /* @__PURE__ */React.createElement(Button, {
+    style: styles.verticalLine
+  })), showConfirmButton && /* @__PURE__ */React.createElement(Button, _objectSpread2({
     type: "primary",
     variant: footerType === "text" ? "text" : "fill",
     onClick: handleConfirm,
-    style: _objectSpread2(_objectSpread2({}, footerType === "text" || footerLayout === "vertical" ? styles.button : styles.confirmButton), confirmBtnStyle),
+    style: _objectSpread2(_objectSpread2(_objectSpread2({}, footerType === "text" ? styles.button : styles.confirmButton), footerLayout === "vertical" ? styles.verButton : styles.confirmButton), confirmBtnStyle),
     textStyle: confirmBtnTextStyle,
-    size: footerType === "text" ? "large" : "medium"
-  }, confirmText || confirmKey)))))) : null;
+    size: footerType === "text" ? footerLayout === "vertical" ? "medium" : "large" : "medium"
+  }, props.confirmBtnProps || {}), confirmText || confirmKey)))))) : null;
 };
 
 export { Alert as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, useRef } from \"react\";\nimport {\n  View,\n  Text,\n  Modal,\n  Image,\n  ScrollView,\n  TouchableWithoutFeedback,\n  StyleSheet,\n  GestureResponderEvent,\n  Animated,\n  TouchableOpacity,\n} from \"react-native\";\nimport { useThemeColor, useThemeTypography } from \"../ConfigProvider\";\nimport { RedsAlert, AlertDefaultProps } from \"./interface\";\nimport { Button } from \"../Button\";\nimport { Divider } from \"../Divider\";\nimport { Portal } from \"../Portal\";\nimport { style } from \"./styles\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { useLanguage } from \"../LanguageProvider\";\n// const AlertView: React.FC<RedsAlert> = (props) => {\n//   const finalProps = { ...AlertDefaultProps, ...props };\n//   const {\n//     show,\n//     title,\n//     message,\n//     confirmText,\n//     cancelText,\n//     onConfirm,\n//     onCancel,\n//     onOpen,\n//     onClose,\n//     align,\n//     // showScrollOverlay,\n//     footerLayout,\n//     showConfirmButton,\n//     showCancelButton,\n//     mask,\n//     footerType,\n//     header,\n//     footer,\n//     children,\n//     onMask,\n//     confirmBtnStyle,\n//   } = finalProps;\n//   const themeColor = useThemeColor(\"Alert\");\n//   const cancelKey = useLanguage(\"componentKey\", \"cancelKey\");\n//   const confirmKey = useLanguage(\"componentKey\", \"confirmKey\");\n//   const styles = style(props);\n//   // const [hasScrollToBottom, setHasScrollToBottom] = useState(true);\n//   const fadeAnim = useRef(new Animated.Value(0)).current;\n\n//   useEffect(() => {\n//     if (show && onOpen) onOpen();\n//     if (!show && onClose) onClose();\n//   }, [show]);\n\n//   const handleConfirm = (e: GestureResponderEvent) => {\n//     if (onConfirm) onConfirm(e);\n//   };\n\n//   const handleCancel = (e: GestureResponderEvent) => {\n//     if (onCancel) onCancel(e);\n//   };\n//   return show ? (\n//     <>\n//       <Animated.View\n//         style={[\n//           styles.centeredView,\n//           {\n//             transform: [\n//               {\n//                 scale: fadeAnim.interpolate({\n//                   inputRange: [0, 1],\n//                   outputRange: [1, 1],\n//                 }),\n//               },\n//             ],\n//           },\n//         ]}\n//       >\n//         {mask && (\n//           <TouchableOpacity onPress={() => { console.log('onMask xxxx')}} activeOpacity={1}>\n//             <View style={styles.modalOverlay} />\n//           </TouchableOpacity>\n//         )}\n\n//       </Animated.View>\n//     </>\n//   ) : null;\n// };\n\nconst Alert: React.FC<RedsAlert> = (props) => {\n  const finalProps = { ...AlertDefaultProps, ...props };\n  const typography = useThemeTypography(\"Button\");\n  const {\n    show,\n    title,\n    message,\n    confirmText,\n    cancelText,\n    onConfirm,\n    onCancel,\n    onOpen,\n    onClose,\n    align,\n    // showScrollOverlay,\n    footerLayout,\n    showConfirmButton,\n    showCancelButton,\n    mask,\n    footerType,\n    header,\n    footer,\n    children,\n    confirmBtnStyle,\n    cancelBtnStyle,\n    confirmBtnTextStyle,\n    hostName,\n    onMask,\n  } = finalProps;\n\n  const styles = style(props);\n  // const [hasScrollToBottom, setHasScrollToBottom] = useState(true);\n  const fadeAnim = useRef(new Animated.Value(0)).current;\n\n  const cancelKey = useLanguage(\"componentKey\", \"cancelKey\");\n\n  const confirmKey = useLanguage(\"componentKey\", \"confirmKey\");\n\n  useEffect(() => {\n    if (show && onOpen) onOpen();\n    if (!show && onClose) onClose();\n  }, [show]);\n\n  const handleConfirm = (e: GestureResponderEvent) => {\n    if (onConfirm) onConfirm(e);\n  };\n\n  const handleCancel = (e: GestureResponderEvent) => {\n    if (onCancel) onCancel(e);\n  };\n  useMounted(\"Alert\");\n  return show ? (\n    <Portal hostName={hostName}>\n      <View style={styles.centeredView}>\n        {mask && (\n          <TouchableWithoutFeedback onPress={onMask}>\n            <View style={styles.modalOverlay} />\n          </TouchableWithoutFeedback>\n        )}\n        <Animated.View\n          style={[\n            {\n              transform: [\n                {\n                  scale: fadeAnim.interpolate({\n                    inputRange: [0, 1],\n                    outputRange: [1, 1],\n                  }),\n                },\n              ],\n            },\n          ]}\n        >\n          <View style={[styles.alertContainer, { top: props.offset?.y || 0, left: props.offset?.x || 0 }]}>\n            {header}\n            <View style={[styles.alertContent, props.contentStyle]}>\n              <Text style={styles.title}>{title}</Text>\n              {message ? (\n                <ScrollView\n                  // onContentSizeChange={handleContentSizeChange}\n                  // onScroll={handleScrollView}\n                  style={[styles.message]}\n                  scrollEventThrottle={16}\n                >\n                  <Text style={[styles.messageText, align === \"left\" && styles.messageLeft]}>{message}</Text>\n                </ScrollView>\n              ) : (\n                children\n              )}\n              {/* {showScrollOverlay && hasScrollToBottom && canScroll ? (\n                <Image source={{ uri: scrollViewMask.default }} style={styles.scrollOverlay} />\n              ) : null} */}\n            </View>\n            {footer ? (\n              footer\n            ) : (\n              <View\n                style={[\n                  styles.footer,\n                  footerLayout === \"vertical\" ? styles.footerVertical : styles.footerHorizontal,\n                  footerType === \"text\" && styles.footerText,\n                  props.footerStyle,\n                ]}\n              >\n                {showCancelButton && (\n                  <Button\n                    variant={footerType === \"text\" ? \"text\" : \"outline\"}\n                    onClick={handleCancel}\n                    style={{ ...(footerLayout === \"vertical\" ? styles.verButton : styles.button), ...cancelBtnStyle }}\n                    size={footerType === \"text\" ? \"large\" : \"medium\"}\n                  >\n                    {cancelText || cancelKey}\n                  </Button>\n                )}\n                {footerType === \"text\" && showCancelButton && footerLayout !== \"vertical\" && (\n                  <View style={styles.dividerBox}>\n                    <Divider direction={\"vertical\"} size={24} />\n                  </View>\n                )}\n                {showConfirmButton && (\n                  <Button\n                    type=\"primary\"\n                    variant={footerType === \"text\" ? \"text\" : \"fill\"}\n                    onClick={handleConfirm}\n                    style={{\n                      ...(footerType === \"text\" || footerLayout === \"vertical\" ? styles.button : styles.confirmButton),\n                      ...confirmBtnStyle,\n                    }}\n                    textStyle={confirmBtnTextStyle}\n                    size={footerType === \"text\" ? \"large\" : \"medium\"}\n                  >\n                    {confirmText || confirmKey}\n                  </Button>\n                )}\n              </View>\n            )}\n          </View>\n        </Animated.View>\n      </View>\n    </Portal>\n  ) : null;\n};\n\nexport default Alert;\n"],"names":["Alert","props","_props$offset","_props$offset2","finalProps","_objectSpread","AlertDefaultProps","useThemeTypography","show","title","message","confirmText","cancelText","onConfirm","onCancel","onOpen","onClose","align","footerLayout","showConfirmButton","showCancelButton","mask","footerType","header","footer","children","confirmBtnStyle","cancelBtnStyle","confirmBtnTextStyle","hostName","onMask","styles","style","fadeAnim","useRef","Animated","Value","current","cancelKey","useLanguage","confirmKey","useEffect","handleConfirm","e","handleCancel","useMounted","Portal","View","centeredView","TouchableWithoutFeedback","onPress","React","createElement","modalOverlay","transform","scale","interpolate","inputRange","outputRange","alertContainer","top","offset","y","left","x","alertContent","contentStyle","Text","ScrollView","scrollEventThrottle","messageText","messageLeft","footerVertical","footerHorizontal","footerText","footerStyle","Button","variant","onClick","verButton","button","size","dividerBox","Divider","direction","type","confirmButton","textStyle"],"mappings":"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"}
+{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, useRef } from \"react\";\nimport {\n  View,\n  Text,\n  Modal,\n  Image,\n  ScrollView,\n  TouchableWithoutFeedback,\n  StyleSheet,\n  GestureResponderEvent,\n  Animated,\n  TouchableOpacity,\n} from \"react-native\";\nimport { useThemeColor, useThemeTypography } from \"../ConfigProvider\";\nimport { RedsAlert, AlertDefaultProps } from \"./interface\";\nimport { Button } from \"../Button\";\nimport { Divider } from \"../Divider\";\nimport { Portal } from \"../Portal\";\nimport { style } from \"./styles\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { useLanguage } from \"../LanguageProvider\";\n// const AlertView: React.FC<RedsAlert> = (props) => {\n//   const finalProps = { ...AlertDefaultProps, ...props };\n//   const {\n//     show,\n//     title,\n//     message,\n//     confirmText,\n//     cancelText,\n//     onConfirm,\n//     onCancel,\n//     onOpen,\n//     onClose,\n//     align,\n//     // showScrollOverlay,\n//     footerLayout,\n//     showConfirmButton,\n//     showCancelButton,\n//     mask,\n//     footerType,\n//     header,\n//     footer,\n//     children,\n//     onMask,\n//     confirmBtnStyle,\n//   } = finalProps;\n//   const themeColor = useThemeColor(\"Alert\");\n//   const cancelKey = useLanguage(\"componentKey\", \"cancelKey\");\n//   const confirmKey = useLanguage(\"componentKey\", \"confirmKey\");\n//   const styles = style(props);\n//   // const [hasScrollToBottom, setHasScrollToBottom] = useState(true);\n//   const fadeAnim = useRef(new Animated.Value(0)).current;\n\n//   useEffect(() => {\n//     if (show && onOpen) onOpen();\n//     if (!show && onClose) onClose();\n//   }, [show]);\n\n//   const handleConfirm = (e: GestureResponderEvent) => {\n//     if (onConfirm) onConfirm(e);\n//   };\n\n//   const handleCancel = (e: GestureResponderEvent) => {\n//     if (onCancel) onCancel(e);\n//   };\n//   return show ? (\n//     <>\n//       <Animated.View\n//         style={[\n//           styles.centeredView,\n//           {\n//             transform: [\n//               {\n//                 scale: fadeAnim.interpolate({\n//                   inputRange: [0, 1],\n//                   outputRange: [1, 1],\n//                 }),\n//               },\n//             ],\n//           },\n//         ]}\n//       >\n//         {mask && (\n//           <TouchableOpacity onPress={() => { console.log('onMask xxxx')}} activeOpacity={1}>\n//             <View style={styles.modalOverlay} />\n//           </TouchableOpacity>\n//         )}\n\n//       </Animated.View>\n//     </>\n//   ) : null;\n// };\n\nconst Alert: React.FC<RedsAlert> = (props) => {\n  const finalProps = { ...AlertDefaultProps, ...props };\n  const typography = useThemeTypography(\"Button\");\n  const {\n    show,\n    title,\n    message,\n    confirmText,\n    cancelText,\n    onConfirm,\n    onCancel,\n    onOpen,\n    onClose,\n    align,\n    // showScrollOverlay,\n    footerLayout,\n    showConfirmButton,\n    showCancelButton,\n    mask,\n    footerType,\n    header,\n    footer,\n    children,\n    confirmBtnStyle,\n    cancelBtnStyle,\n    confirmBtnTextStyle,\n    hostName,\n    onMask,\n  } = finalProps;\n\n  const styles = style(props);\n  // const [hasScrollToBottom, setHasScrollToBottom] = useState(true);\n  const fadeAnim = useRef(new Animated.Value(0)).current;\n\n  const cancelKey = useLanguage(\"componentKey\", \"cancelKey\");\n\n  const confirmKey = useLanguage(\"componentKey\", \"confirmKey\");\n\n  useEffect(() => {\n    if (show && onOpen) onOpen();\n    if (!show && onClose) onClose();\n  }, [show]);\n\n  const handleConfirm = (e: GestureResponderEvent) => {\n    if (onConfirm) onConfirm(e);\n  };\n\n  const handleCancel = (e: GestureResponderEvent) => {\n    if (onCancel) onCancel(e);\n  };\n  useMounted(\"Alert\");\n  return show ? (\n    <Portal hostName={hostName}>\n      <View style={styles.centeredView}>\n        {mask && (\n          <TouchableWithoutFeedback onPress={onMask}>\n            <View style={styles.modalOverlay} />\n          </TouchableWithoutFeedback>\n        )}\n        <Animated.View\n          style={[\n            {\n              transform: [\n                {\n                  scale: fadeAnim.interpolate({\n                    inputRange: [0, 1],\n                    outputRange: [1, 1],\n                  }),\n                },\n              ],\n            },\n          ]}\n        >\n          <View style={[styles.alertContainer, { top: props.offset?.y || 0, left: props.offset?.x || 0 }]}>\n            {header}\n            <View style={[styles.alertContent, props.contentStyle]}>\n              <Text style={styles.title}>{title}</Text>\n              {message ? (\n                <ScrollView\n                  // onContentSizeChange={handleContentSizeChange}\n                  // onScroll={handleScrollView}\n                  style={[styles.message]}\n                  scrollEventThrottle={16}\n                >\n                  <Text style={[styles.messageText, align === \"left\" && styles.messageLeft]}>{message}</Text>\n                </ScrollView>\n              ) : (\n                children\n              )}\n              {/* {showScrollOverlay && hasScrollToBottom && canScroll ? (\n                <Image source={{ uri: scrollViewMask.default }} style={styles.scrollOverlay} />\n              ) : null} */}\n            </View>\n            {footer ? (\n              footer\n            ) : (\n              <View\n                style={[\n                  styles.footer,\n                  footerLayout === \"vertical\" ? styles.footerVertical : styles.footerHorizontal,\n                  footerType === \"text\" && styles.footerText,\n                  props.footerStyle,\n                ]}\n              >\n                {showCancelButton && (\n                  <Button\n                    variant={footerType === \"text\" ? \"text\" : \"outline\"}\n                    onClick={handleCancel}\n                    style={{\n                      ...(footerLayout === \"vertical\" ? styles.verCancelButton : styles.cancelButton),\n                      ...cancelBtnStyle,\n                    }}\n                    size={footerType === \"text\" ? (footerLayout === \"vertical\" ? \"medium\" : \"large\") : \"medium\"}\n                    {...(props.cancelBtnProps || {})}\n                    textStyle={styles.cancelText}\n                  >\n                    {cancelText || cancelKey}\n                  </Button>\n                )}\n                {footerType === \"text\" &&\n                  showCancelButton &&\n                  (footerLayout === \"vertical\" ? (\n                    // @ts-ignore\n                    <View direction={\"horizontal\"} style={styles.horizontalLine} />\n                  ) : (\n                    // @ts-ignore\n                    <View direction={\"vertical\"} style={styles.verticalLine} />\n                  ))}\n                {showConfirmButton && (\n                  <Button\n                    type=\"primary\"\n                    variant={footerType === \"text\" ? \"text\" : \"fill\"}\n                    onClick={handleConfirm}\n                    style={{\n                      ...(footerType === \"text\" ? styles.button : styles.confirmButton),\n                      ...(footerLayout === \"vertical\" ? styles.verButton : styles.confirmButton),\n                      ...confirmBtnStyle,\n                    }}\n                    textStyle={confirmBtnTextStyle}\n                    size={footerType === \"text\" ? (footerLayout === \"vertical\" ? \"medium\" : \"large\") : \"medium\"}\n                    {...(props.confirmBtnProps || {})}\n                  >\n                    {confirmText || confirmKey}\n                  </Button>\n                )}\n              </View>\n            )}\n          </View>\n        </Animated.View>\n      </View>\n    </Portal>\n  ) : null;\n};\n\nexport default Alert;\n"],"names":["Alert","props","_props$offset","_props$offset2","finalProps","_objectSpread","AlertDefaultProps","useThemeTypography","show","title","message","confirmText","cancelText","onConfirm","onCancel","onOpen","onClose","align","footerLayout","showConfirmButton","showCancelButton","mask","footerType","header","footer","children","confirmBtnStyle","cancelBtnStyle","confirmBtnTextStyle","hostName","onMask","styles","style","fadeAnim","useRef","Animated","Value","current","cancelKey","useLanguage","confirmKey","useEffect","handleConfirm","e","handleCancel","useMounted","Portal","View","centeredView","TouchableWithoutFeedback","onPress","React","createElement","modalOverlay","transform","scale","interpolate","inputRange","outputRange","alertContainer","top","offset","y","left","x","alertContent","contentStyle","Text","ScrollView","scrollEventThrottle","messageText","messageLeft","footerVertical","footerHorizontal","footerText","footerStyle","Button","variant","onClick","verCancelButton","cancelButton","size","cancelBtnProps","textStyle","direction","horizontalLine","verticalLine","type","button","confirmButton","verButton","confirmBtnProps"],"mappings":"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"}

package/lib/esm/components/Alert/hooks/alert.js

@@ -1,5 +1,5 @@
-import { g as _createClass, h as _classCallCheck, e as _typeof, a as _objectSpread2 } from '../../../_chunks/DpFbw-p-.js';
-import { A as AlertDefaultProps } from '../../../_chunks/Bli8ZtGd.js';
+import { g as _createClass, h as _classCallCheck, e as _typeof, a as _objectSpread2 } from '../../../_chunks/CAkwE9ZD.js';
+import { A as AlertDefaultProps } from '../../../_chunks/VnzL1go0.js';
 import '../../Portal/core/Portal.js';
 import '../../Portal/core/PortalHost.js';
 import { stateDispatch } from '../../Portal/core/PortalProvider.js';
@@ -37,10 +37,8 @@ import '../../ProgressIndicator/lottie/loading.js';
 import '../../ProgressIndicator/lottie/loading_dark.js';
 import '../../ProgressIndicator/lottie/loading_primary.js';
 import '../../ConfigProvider/hooks/themeToken/useColorMode.js';
+import '../../ProgressIndicator/styles.js';
 import '@xhs/lottie-react-native';
-import '../../Divider/Divider.js';
-import '../../../_chunks/CLoffREn.js';
-import '../../Divider/styles.js';
 import '../styles.js';
 import '../../LanguageProvider/LanguageProvider.js';
 import '../../../_chunks/xB1yvFw8.js';

package/lib/esm/components/Alert/hooks/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","sources":["../../../../../src/components/Alert/hooks/alert.tsx"],"sourcesContent":["import { RedsAlert, AlertDefaultProps } from \"../interface\";\nimport { stateDispatch } from \"../../Portal\";\nimport { ACTIONS } from \"../../Portal/interface\";\nimport React from \"react\";\nimport AlertView from \"../Alert\";\n\nclass AlertFunc {\n  private alertId = 0;\n\n  show = (props: RedsAlert, hostName: string = \"root\") => {\n    const finalProps = { ...AlertDefaultProps, ...props };\n    this.alertId++;\n    const key = `reds-alert-${this.alertId}`;\n    stateDispatch[hostName].dispatch({\n      type: ACTIONS.ADD_UPDATE_PORTAL,\n      hostName: hostName,\n      portalName: key,\n      node: <AlertView {...finalProps} hostName={hostName} show={true} />,\n    });\n    return key;\n  };\n\n  destory = (id: any = `reds-alert-${this.alertId}`, hostName: string = \"root\") => {\n    stateDispatch[hostName].dispatch({\n      type: ACTIONS.REMOVE_PORTAL,\n      hostName,\n      portalName: id,\n    });\n  };\n\n  destroy = (id: any = `reds-alert-${this.alertId}`, hostName: string = \"root\") => {\n    stateDispatch[hostName].dispatch({\n      type: ACTIONS.REMOVE_PORTAL,\n      hostName,\n      portalName: id,\n    });\n  };\n}\n\nexport default new AlertFunc();\n"],"names":["AlertFunc","_createClass","_this","_classCallCheck","__publicField","props","hostName","arguments","length","undefined","finalProps","_objectSpread","AlertDefaultProps","alertId","key","concat","stateDispatch","dispatch","type","ACTIONS","ADD_UPDATE_PORTAL","portalName","node","React","createElement","AlertView","show","id","REMOVE_PORTAL"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIsB,IAEhBA,SAAU,gBAAAC,YAAA,CAAhB,SAAAD,YAAA;AAAA,EAAA,IAAAE,KAAA,GAAA,IAAA,CAAA;AAAAC,EAAAA,eAAA,OAAAH,SAAA,CAAA,CAAA;AACEI,EAAAA,aAAA,CAAA,IAAA,EAAQ,SAAU,EAAA,CAAA,CAAA,CAAA;AAEXA,EAAAA,aAAA,CAAA,IAAA,EAAA,MAAA,EAAA,UAACC,KAAkB,EAA8B;AAAA,IAAA,IAA9BC,QAAA,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAmB,MAAW,CAAA;IACtD,IAAMG,UAAa,GAAAC,cAAA,CAAAA,cAAA,CAAKC,EAAAA,EAAAA,iBAAA,CAAsBP,EAAAA,KAAM,CAAA,CAAA;IAC/CH,KAAA,CAAAW,OAAA,EAAA,CAAA;AACC,IAAA,IAAAC,GAAA,GAAAC,aAAAA,CAAAA,MAAA,CAAoBb,KAAA,CAAKW,OAAO,CAAA,CAAA;AACxBG,IAAAA,aAAA,CAAAV,QAAQ,EAAEW,QAAS,CAAA;MAC/BC,MAAMC,OAAQ,CAAAC,iBAAA;AACdd,MAAAA,QAAA,EAAAA,QAAA;AACAe,MAAAA,UAAY,EAAAP,GAAA;AACZQ,MAAAA,qBAAOC,KAAA,CAAAC,aAAA,CAAAC,KAAA,EAAAd,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAcD,UAAY,CAAA,EAAA,EAAA,EAAA;AAAAJ,QAAAA,QAAA,EAAAA,QAAA;AAAoBoB,QAAAA,MAAM,IAAA;OAAM,CAAA,CAAA;AACnE,KAAC,CAAA,CAAA;AACM,IAAA,OAAAZ,GAAA,CAAA;AACT,GAAA,CAAA,CAAA;AAEAV,EAAAA,aAAA,CAAA,IAAA,EAAA,SAAA,EAAU,YAAuE;AAAA,IAAA,IAAtEuB,EAAU,GAAApB,SAAA,CAAAC,MAAA,QAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAAQ,CAAAA,CAAAA,GAAAA,aAAAA,CAAAA,MAAA,CAAcb,MAAKW,OAAO,CAAA,CAAA;AAAA,IAAA,IAAIP,+EAAmB,MAAW,CAAA;AACjEU,IAAAA,aAAA,CAAAV,QAAQ,EAAEW,QAAS,CAAA;MAC/BC,MAAMC,OAAQ,CAAAS,aAAA;AACdtB,MAAAA,QAAA,EAAAA,QAAA;AACAe,MAAAA,UAAY,EAAAM,EAAAA;AACd,KAAC,CAAA,CAAA;AACH,GAAA,CAAA,CAAA;AAEAvB,EAAAA,aAAA,CAAA,IAAA,EAAA,SAAA,EAAU,YAAuE;AAAA,IAAA,IAAtEuB,EAAU,GAAApB,SAAA,CAAAC,MAAA,QAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAAQ,CAAAA,CAAAA,GAAAA,aAAAA,CAAAA,MAAA,CAAcb,MAAKW,OAAO,CAAA,CAAA;AAAA,IAAA,IAAIP,+EAAmB,MAAW,CAAA;AACjEU,IAAAA,aAAA,CAAAV,QAAQ,EAAEW,QAAS,CAAA;MAC/BC,MAAMC,OAAQ,CAAAS,aAAA;AACdtB,MAAAA,QAAA,EAAAA,QAAA;AACAe,MAAAA,UAAY,EAAAM,EAAAA;AACd,KAAC,CAAA,CAAA;AACH,GAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA;AAGF,YAAe,IAAI3B,SAAU,EAAA;;;;"}
+{"version":3,"file":"alert.js","sources":["../../../../../src/components/Alert/hooks/alert.tsx"],"sourcesContent":["import { RedsAlert, AlertDefaultProps } from \"../interface\";\nimport { stateDispatch } from \"../../Portal\";\nimport { ACTIONS } from \"../../Portal/interface\";\nimport React from \"react\";\nimport AlertView from \"../Alert\";\n\nclass AlertFunc {\n  private alertId = 0;\n\n  show = (props: RedsAlert, hostName: string = \"root\") => {\n    const finalProps = { ...AlertDefaultProps, ...props };\n    this.alertId++;\n    const key = `reds-alert-${this.alertId}`;\n    stateDispatch[hostName].dispatch({\n      type: ACTIONS.ADD_UPDATE_PORTAL,\n      hostName: hostName,\n      portalName: key,\n      node: <AlertView {...finalProps} hostName={hostName} show={true} />,\n    });\n    return key;\n  };\n\n  destory = (id: any = `reds-alert-${this.alertId}`, hostName: string = \"root\") => {\n    stateDispatch[hostName].dispatch({\n      type: ACTIONS.REMOVE_PORTAL,\n      hostName,\n      portalName: id,\n    });\n  };\n\n  destroy = (id: any = `reds-alert-${this.alertId}`, hostName: string = \"root\") => {\n    stateDispatch[hostName].dispatch({\n      type: ACTIONS.REMOVE_PORTAL,\n      hostName,\n      portalName: id,\n    });\n  };\n}\n\nexport default new AlertFunc();\n"],"names":["AlertFunc","_createClass","_this","_classCallCheck","__publicField","props","hostName","arguments","length","undefined","finalProps","_objectSpread","AlertDefaultProps","alertId","key","concat","stateDispatch","dispatch","type","ACTIONS","ADD_UPDATE_PORTAL","portalName","node","React","createElement","AlertView","show","id","REMOVE_PORTAL"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIsB,IAEhBA,SAAU,gBAAAC,YAAA,CAAhB,SAAAD,YAAA;AAAA,EAAA,IAAAE,KAAA,GAAA,IAAA,CAAA;AAAAC,EAAAA,eAAA,OAAAH,SAAA,CAAA,CAAA;AACEI,EAAAA,aAAA,CAAA,IAAA,EAAQ,SAAU,EAAA,CAAA,CAAA,CAAA;AAEXA,EAAAA,aAAA,CAAA,IAAA,EAAA,MAAA,EAAA,UAACC,KAAkB,EAA8B;AAAA,IAAA,IAA9BC,QAAA,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAmB,MAAW,CAAA;IACtD,IAAMG,UAAa,GAAAC,cAAA,CAAAA,cAAA,CAAKC,EAAAA,EAAAA,iBAAA,CAAsBP,EAAAA,KAAM,CAAA,CAAA;IAC/CH,KAAA,CAAAW,OAAA,EAAA,CAAA;AACC,IAAA,IAAAC,GAAA,GAAAC,aAAAA,CAAAA,MAAA,CAAoBb,KAAA,CAAKW,OAAO,CAAA,CAAA;AACxBG,IAAAA,aAAA,CAAAV,QAAQ,EAAEW,QAAS,CAAA;MAC/BC,MAAMC,OAAQ,CAAAC,iBAAA;AACdd,MAAAA,QAAA,EAAAA,QAAA;AACAe,MAAAA,UAAY,EAAAP,GAAA;AACZQ,MAAAA,qBAAOC,KAAA,CAAAC,aAAA,CAAAC,KAAA,EAAAd,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAcD,UAAY,CAAA,EAAA,EAAA,EAAA;AAAAJ,QAAAA,QAAA,EAAAA,QAAA;AAAoBoB,QAAAA,MAAM,IAAA;OAAM,CAAA,CAAA;AACnE,KAAC,CAAA,CAAA;AACM,IAAA,OAAAZ,GAAA,CAAA;AACT,GAAA,CAAA,CAAA;AAEAV,EAAAA,aAAA,CAAA,IAAA,EAAA,SAAA,EAAU,YAAuE;AAAA,IAAA,IAAtEuB,EAAU,GAAApB,SAAA,CAAAC,MAAA,QAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAAQ,CAAAA,CAAAA,GAAAA,aAAAA,CAAAA,MAAA,CAAcb,MAAKW,OAAO,CAAA,CAAA;AAAA,IAAA,IAAIP,+EAAmB,MAAW,CAAA;AACjEU,IAAAA,aAAA,CAAAV,QAAQ,EAAEW,QAAS,CAAA;MAC/BC,MAAMC,OAAQ,CAAAS,aAAA;AACdtB,MAAAA,QAAA,EAAAA,QAAA;AACAe,MAAAA,UAAY,EAAAM,EAAAA;AACd,KAAC,CAAA,CAAA;AACH,GAAA,CAAA,CAAA;AAEAvB,EAAAA,aAAA,CAAA,IAAA,EAAA,SAAA,EAAU,YAAuE;AAAA,IAAA,IAAtEuB,EAAU,GAAApB,SAAA,CAAAC,MAAA,QAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAAQ,CAAAA,CAAAA,GAAAA,aAAAA,CAAAA,MAAA,CAAcb,MAAKW,OAAO,CAAA,CAAA;AAAA,IAAA,IAAIP,+EAAmB,MAAW,CAAA;AACjEU,IAAAA,aAAA,CAAAV,QAAQ,EAAEW,QAAS,CAAA;MAC/BC,MAAMC,OAAQ,CAAAS,aAAA;AACdtB,MAAAA,QAAA,EAAAA,QAAA;AACAe,MAAAA,UAAY,EAAAM,EAAAA;AACd,KAAC,CAAA,CAAA;AACH,GAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA;AAGF,YAAe,IAAI3B,SAAU,EAAA;;;;"}

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

@@ -1,7 +1,7 @@
 import Alert from './Alert.js';
-export { i as AlertType } from '../../_chunks/Bli8ZtGd.js';
+export { i as AlertType } from '../../_chunks/VnzL1go0.js';
 export { default as alert } from './hooks/alert.js';
-import '../../_chunks/DpFbw-p-.js';
+import '../../_chunks/CAkwE9ZD.js';
 import 'react';
 import 'react-native';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
@@ -31,10 +31,8 @@ import '../ProgressIndicator/lottie/loading.js';
 import '../ProgressIndicator/lottie/loading_dark.js';
 import '../ProgressIndicator/lottie/loading_primary.js';
 import '../ConfigProvider/hooks/themeToken/useColorMode.js';
+import '../ProgressIndicator/styles.js';
 import '@xhs/lottie-react-native';
-import '../Divider/Divider.js';
-import '../../_chunks/CLoffREn.js';
-import '../Divider/styles.js';
 import '../Portal/core/Portal.js';
 import '../Portal/core/hooks/usePortal.js';
 import '../../_chunks/CDM4vPRi.js';

package/lib/esm/components/Alert/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/esm/components/Alert/interface/index.js

@@ -1,2 +1,2 @@
-export { A as AlertDefaultProps } from '../../../_chunks/Bli8ZtGd.js';
+export { A as AlertDefaultProps } from '../../../_chunks/VnzL1go0.js';
 //# sourceMappingURL=index.js.map

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

@@ -4,7 +4,7 @@ import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
 import 'react';
 import '@xhs/reds-apm/src/index.native';
 import { useThemeColor, useThemeTypography } from '../ConfigProvider/hooks/themeToken/useThemeToken.js';
-import '../../_chunks/DpFbw-p-.js';
+import '../../_chunks/CAkwE9ZD.js';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 
 var style = function style(props) {
@@ -82,10 +82,10 @@ var style = function style(props) {
     },
     footerText: {
       borderTopWidth: 0.5,
-      borderTopColor: themeColor.Separator,
-      paddingBottom: 6,
-      paddingTop: 6,
-      paddingHorizontal: 12
+      borderTopColor: themeColor.Fill2,
+      paddingBottom: props.footerLayout === "vertical" ? 0 : 6,
+      paddingTop: props.footerLayout === "vertical" ? 0 : 6,
+      paddingHorizontal: props.footerLayout === "vertical" ? 0 : 12
     },
     footerHorizontal: {
       flexDirection: "row",
@@ -94,13 +94,20 @@ var style = function style(props) {
     },
     footerVertical: {
       flexDirection: "column-reverse",
-      justifyContent: "center",
       alignItems: "center",
-      height: 100
+      height: 100,
+      paddingHorizontal: 20
+    },
+    cancelButton: {
+      flex: 1,
+      width: 109,
+      margin: 0,
+      paddingHorizontal: 0,
+      height: 36
     },
     button: {
       flex: 1,
-      width: "100%",
+      width: 109,
       margin: 0,
       paddingHorizontal: 0,
       height: 36
@@ -112,15 +119,44 @@ var style = function style(props) {
       flex: 1,
       margin: 0,
       marginLeft: 10,
-      width: "100%",
-      height: 36
+      width: 109,
+      height: 36,
+      paddingHorizontal: 20
     },
     verButton: {
-      flex: 1,
+      flex: 0,
       width: "100%",
       margin: 0,
-      marginTop: 10,
-      height: 36
+      marginLeft: props.footerLayout === "vertical" ? 0 : 10,
+      marginTop: props.footerType === "text" ? 7 : props.footerLayout === "vertical" ? 7 : 10,
+      marginBottom: props.footerLayout === "vertical" ? 7 : 0,
+      height: 36,
+      paddingHorizontal: 20
+    },
+    verCancelButton: {
+      flex: 0,
+      width: "100%",
+      margin: 0,
+      marginLeft: props.footerLayout === "vertical" ? 0 : 10,
+      marginTop: props.footerType === "text" ? 7 : props.footerLayout === "vertical" ? 7 : 10,
+      marginBottom: props.footerLayout === "vertical" ? 7 : 0,
+      height: 36,
+      paddingHorizontal: 20
+    },
+    cancelText: {
+      color: themeColor.Description,
+      fontSize: 12
+    },
+    horizontalLine: {
+      width: "100%",
+      height: 0.5,
+      backgroundColor: themeColor.Fill2
+    },
+    verticalLine: {
+      width: 0.5,
+      height: 24,
+      marginTop: 6,
+      backgroundColor: themeColor.Fill2
     }
   });
   return styles;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Alert/styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\nimport { alwaysColor } from \"@xhsreds/reds-token-next\";\nimport { useThemeColor, useThemeTypography } from \"../ConfigProvider\";\nimport { RedsAlert } from \"./interface\";\n\nexport const style = (props: RedsAlert) => {\n  const themeColor = useThemeColor(\"Button\");\n  const typography = useThemeTypography(\"Button\");\n  const styles = StyleSheet.create({\n    modalOverlay: {\n      position: \"absolute\",\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      backgroundColor: alwaysColor.MaskBg,\n    },\n    centeredView: {\n      position: \"absolute\",\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      flex: 1,\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    alertContainer: {\n      width: 270,\n      backgroundColor: themeColor.White,\n      borderRadius: 12,\n      overflow: \"hidden\",\n      boxShadow: \"0 2px 16px rgba(0, 0, 0, 0.1)\",\n      position: \"relative\",\n      top: 0,\n      left: 0,\n    },\n    alertContent: {\n      padding: 20,\n    },\n    title: {\n      textAlign: \"center\",\n      marginBottom: 8,\n      fontSize: typography.T2FontSize,\n      fontWeight: typography.T2FontWeight,\n      lineHeight: typography.T2LineHeight,\n      color: themeColor.Title,\n    },\n    message: {\n      maxHeight: 126,\n      overflow: \"hidden\",\n      position: \"relative\",\n    },\n    messageText: {\n      fontSize: typography.C2FontSize,\n      color: themeColor.Paragraph,\n      textAlign: \"center\",\n      lineHeight: typography.C2LineHeight,\n      fontWeight: typography.C2FontWeight,\n    },\n    messageLeft: {\n      textAlign: \"left\",\n    },\n    scrollOverlay: {\n      width: \"100%\",\n      position: \"absolute\",\n      left: 20,\n      right: 0,\n      bottom: 20,\n      height: 40,\n    },\n    footer: {\n      width: \"100%\",\n      height: 48,\n      flexDirection: \"row\",\n      justifyContent: \"space-between\",\n      paddingTop: 0,\n    },\n    footerText: {\n      borderTopWidth: 0.5,\n      borderTopColor: themeColor.Separator,\n      paddingBottom: 6,\n      paddingTop: 6,\n      paddingHorizontal: 12,\n    },\n    footerHorizontal: {\n      flexDirection: \"row\",\n      paddingHorizontal: 20,\n      paddingVertical: 20,\n    },\n    footerVertical: {\n      flexDirection: \"column-reverse\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      height: 100,\n    },\n    button: {\n      flex: 1,\n      width: \"100%\",\n      margin: 0,\n      paddingHorizontal: 0,\n      height: 36,\n    },\n    dividerBox: {\n      marginTop: 5,\n    },\n    confirmButton: {\n      flex: 1,\n      margin: 0,\n      marginLeft: 10,\n      width: \"100%\",\n      height: 36,\n    },\n    verButton: {\n      flex: 1,\n      width: \"100%\",\n      margin: 0,\n      marginTop: 10,\n      height: 36,\n    },\n  });\n  return styles;\n};\n"],"names":["style","props","themeColor","useThemeColor","typography","useThemeTypography","styles","StyleSheet","create","modalOverlay","position","top","left","right","bottom","backgroundColor","alwaysColor","MaskBg","centeredView","flex","justifyContent","alignItems","alertContainer","width","White","borderRadius","overflow","boxShadow","alertContent","padding","title","textAlign","marginBottom","fontSize","T2FontSize","fontWeight","T2FontWeight","lineHeight","T2LineHeight","color","Title","message","maxHeight","messageText","C2FontSize","Paragraph","C2LineHeight","C2FontWeight","messageLeft","scrollOverlay","height","footer","flexDirection","paddingTop","footerText","borderTopWidth","borderTopColor","Separator","paddingBottom","paddingHorizontal","footerHorizontal","paddingVertical","footerVertical","button","margin","dividerBox","marginTop","confirmButton","marginLeft","verButton"],"mappings":"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"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/Alert/styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\nimport { alwaysColor } from \"@xhsreds/reds-token-next\";\nimport { useThemeColor, useThemeTypography } from \"../ConfigProvider\";\nimport { RedsAlert } from \"./interface\";\n\nexport const style = (props: RedsAlert) => {\n  const themeColor = useThemeColor(\"Button\");\n  const typography = useThemeTypography(\"Button\");\n  const styles = StyleSheet.create({\n    modalOverlay: {\n      position: \"absolute\",\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      backgroundColor: alwaysColor.MaskBg,\n    },\n    centeredView: {\n      position: \"absolute\",\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      flex: 1,\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    alertContainer: {\n      width: 270,\n      backgroundColor: themeColor.White,\n      borderRadius: 12,\n      overflow: \"hidden\",\n      boxShadow: \"0 2px 16px rgba(0, 0, 0, 0.1)\",\n      position: \"relative\",\n      top: 0,\n      left: 0,\n    },\n    alertContent: {\n      padding: 20,\n    },\n    title: {\n      textAlign: \"center\",\n      marginBottom: 8,\n      fontSize: typography.T2FontSize,\n      fontWeight: typography.T2FontWeight,\n      lineHeight: typography.T2LineHeight,\n      color: themeColor.Title,\n    },\n    message: {\n      maxHeight: 126,\n      overflow: \"hidden\",\n      position: \"relative\",\n    },\n    messageText: {\n      fontSize: typography.C2FontSize,\n      color: themeColor.Paragraph,\n      textAlign: \"center\",\n      lineHeight: typography.C2LineHeight,\n      fontWeight: typography.C2FontWeight,\n    },\n    messageLeft: {\n      textAlign: \"left\",\n    },\n    scrollOverlay: {\n      width: \"100%\",\n      position: \"absolute\",\n      left: 20,\n      right: 0,\n      bottom: 20,\n      height: 40,\n    },\n    footer: {\n      width: \"100%\",\n      height: 48,\n      flexDirection: \"row\",\n      justifyContent: \"space-between\",\n      paddingTop: 0,\n    },\n    footerText: {\n      borderTopWidth: 0.5,\n      borderTopColor: themeColor.Fill2,\n      paddingBottom: props.footerLayout === \"vertical\" ? 0 : 6,\n      paddingTop: props.footerLayout === \"vertical\" ? 0 : 6,\n      paddingHorizontal: props.footerLayout === \"vertical\" ? 0 : 12,\n    },\n    footerHorizontal: {\n      flexDirection: \"row\",\n      paddingHorizontal: 20,\n      paddingVertical: 20,\n    },\n    footerVertical: {\n      flexDirection: \"column-reverse\",\n      alignItems: \"center\",\n      height: 100,\n      paddingHorizontal: 20,\n    },\n    cancelButton: {\n      flex: 1,\n      width: 109,\n      margin: 0,\n      paddingHorizontal: 0,\n      height: 36,\n    },\n    button: {\n      flex: 1,\n      width: 109,\n      margin: 0,\n      paddingHorizontal: 0,\n      height: 36,\n    },\n    dividerBox: {\n      marginTop: 5,\n    },\n    confirmButton: {\n      flex: 1,\n      margin: 0,\n      marginLeft: 10,\n      width: 109,\n      height: 36,\n      paddingHorizontal: 20,\n    },\n    verButton: {\n      flex: 0,\n      width: \"100%\",\n      margin: 0,\n      marginLeft: props.footerLayout === \"vertical\" ? 0 : 10,\n      marginTop: props.footerType === \"text\" ? 7 : props.footerLayout === \"vertical\" ? 7 : 10,\n      marginBottom: props.footerLayout === \"vertical\" ? 7 : 0,\n      height: 36,\n      paddingHorizontal: 20,\n    },\n    verCancelButton: {\n      flex: 0,\n      width: \"100%\",\n      margin: 0,\n      marginLeft: props.footerLayout === \"vertical\" ? 0 : 10,\n      marginTop: props.footerType === \"text\" ? 7 : props.footerLayout === \"vertical\" ? 7 : 10,\n      marginBottom: props.footerLayout === \"vertical\" ? 7 : 0,\n      height: 36,\n      paddingHorizontal: 20,\n    },\n    cancelText: {\n      color: themeColor.Description,\n      fontSize: 12,\n    },\n    horizontalLine: {\n      width: \"100%\",\n      height: 0.5,\n      backgroundColor: themeColor.Fill2,\n    },\n    verticalLine: {\n      width: 0.5,\n      height: 24,\n      marginTop: 6,\n      backgroundColor: themeColor.Fill2,\n    },\n  });\n  return styles;\n};\n"],"names":["style","props","themeColor","useThemeColor","typography","useThemeTypography","styles","StyleSheet","create","modalOverlay","position","top","left","right","bottom","backgroundColor","alwaysColor","MaskBg","centeredView","flex","justifyContent","alignItems","alertContainer","width","White","borderRadius","overflow","boxShadow","alertContent","padding","title","textAlign","marginBottom","fontSize","T2FontSize","fontWeight","T2FontWeight","lineHeight","T2LineHeight","color","Title","message","maxHeight","messageText","C2FontSize","Paragraph","C2LineHeight","C2FontWeight","messageLeft","scrollOverlay","height","footer","flexDirection","paddingTop","footerText","borderTopWidth","borderTopColor","Fill2","paddingBottom","footerLayout","paddingHorizontal","footerHorizontal","paddingVertical","footerVertical","cancelButton","margin","button","dividerBox","marginTop","confirmButton","marginLeft","verButton","footerType","verCancelButton","cancelText","Description","horizontalLine","verticalLine"],"mappings":"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"}

package/lib/esm/components/Avatar/Avatar.js

@@ -1,13 +1,13 @@
-import { a as _objectSpread2 } from '../../_chunks/DpFbw-p-.js';
+import { a as _objectSpread2 } from '../../_chunks/CAkwE9ZD.js';
 import React, { memo, useRef, useEffect, useMemo } from 'react';
-import { Animated, Text, StyleSheet, View, Platform, Image } from 'react-native';
-import { A as AvatarDefaultProps } from '../../_chunks/DGvW6nAB.js';
+import { Animated, View, StyleSheet, Text, Platform, Image } from 'react-native';
+import { A as AvatarDefaultProps, a as avatarSizeMap } from '../../_chunks/DjMhUq01.js';
 import { getAvatarStyles, getLiveTextStyles } from './styles.js';
 import useMounted from '../../pvCount/useUnmountedProcess.js';
 import '../LanguageProvider/LanguageProvider.js';
 import { useLanguage } from '../LanguageProvider/hooks/useLanguage.js';
+import { alwaysColor } from '@xhsreds/reds-token-next';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
-import '@xhsreds/reds-token-next';
 import '@xhs/reds-apm/src/index.native';
 import '../ConfigProvider/hooks/themeToken/useThemeToken.js';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
@@ -115,6 +115,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":
@@ -128,10 +141,25 @@ var Avatar = function Avatar(props) {
         return tagStyles.liveTextMedium;
     }
   };
+  var cloneLiveIcon = useMemo(function () {
+    return React.Children.map(liveIcon, function (child) {
+      return /*#__PURE__*/React.cloneElement(child, _objectSpread2(_objectSpread2({
+        // style: {
+        //   width: avatarSizeMap[sizeType],
+        //   height: avatarSizeMap[sizeType],
+        // },
+        fill: alwaysColor.White
+      }, child.props), {}, {
+        size: avatarSizeMap[sizeType]
+      }));
+    });
+  }, [liveIcon, sizeType]);
   var renderTag = useMemo(function () {
-    return /* @__PURE__ */React.createElement(Text, {
-      style: StyleSheet.flatten([tagStyles.avatarLiveTag, liveTextSizeClass(), props.tagStyle])
-    }, liveIcon && liveIcon, liveText || liveStreamingKey);
+    return /* @__PURE__ */React.createElement(View, {
+      style: StyleSheet.flatten([tagStyles.avatarLiveTag, liveSizeClass()])
+    }, liveIcon && cloneLiveIcon, /* @__PURE__ */React.createElement(Text, {
+      style: StyleSheet.flatten([liveTextSizeClass(), props.tagStyle])
+    }, liveText || liveStreamingKey));
   }, [size]);
   return /* @__PURE__ */React.createElement(View, {
     style: StyleSheet.flatten([styles.outContainer, containerStyle])

package/lib/esm/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":";;;;;;;;;;;;;;;;;;AAOO,IAAMA,WAAc,GAAA;AACzBC,EAAAA,KAAO,EAAA,EAAA;AACPC,EAAAA,MAAQ,EAAA,EAAA;AACRC,EAAAA,KAAO,EAAA,EAAA;AACPC,EAAAA,MAAQ,EAAA,EAAA;AACV,EAAA;AAEO,IAAMC,MAAS,GAAA;AACpBC,EAAAA,MAAQ,EAAA,iGAAA;AACRC,EAAAA,KAAO,EAAA,0DAAA;AACT,EAAA;AAEA,IAAMC,MAAA,GAAS,SAATA,MAAAA,CAAUC,KAAsB,EAAA;AAC9B,EAAA,IACJC,QAAA,GAaED,KAAA,CAbFC,QAAA;IAAAC,WAAA,GAaEF,KAAA,CAZFG;AAAAA,IAAAA,gCAAOC,kBAAmB,CAAAD,IAAA,GAAAD,WAAA;IAAAG,WAAA,GAYxBL,KAAA,CAXFM;AAAAA,IAAAA,gCAAOF,kBAAmB,CAAAE,IAAA,GAAAD,WAAA;IAAAE,mBAAA,GAWxBP,KAAA,CAVFQ;AAAAA,IAAAA,gDAAeJ,kBAAmB,CAAAI,YAAA,GAAAD,mBAAA;IAAAE,cAAA,GAUhCT,KAAA,CATFU,OAAA;IAAAA,OAAA,GAAAD,cAAA,KAAA,KAAA,CAAA,GAAUH,IAAS,KAAA,MAAA,GAAS,IAAO,GAAA,KAAA,GAAAG,cAAA;IAAAE,eAAA,GASjCX,KAAA,CARFY;AAAAA,IAAAA,wCAAWR,kBAAmB,CAAAQ,QAAA,GAAAD,eAAA;IAAAE,eAAA,GAQ5Bb,KAAA,CAPFc;AAAAA,IAAAA,wCAAWV,kBAAmB,CAAAU,QAAA,GAAAD,eAAA;IAC9BE,cAAA,GAMEf,KAAA,CANFe,cAAA;IACAC,UAAA,GAKEhB,KAAA,CALFgB,UAAA;IACAC,UAAA,GAIEjB,KAAA,CAJFiB,UAAA;IACAC,SAAA,GAGElB,KAAA,CAHFkB,SAAA;IACAC,QAAA,GAEEnB,KAAA,CAFFmB,QAAA;IACAC,QAAA,GACEpB,KAAA,CADFoB,QAAA,CAAA;EAEFC,UAAA,CAAW,QAAQ,CAAA,CAAA;AAEb,EAAA,IAAAC,gBAAA,GAAmBC,WAAY,CAAA,cAAA,EAAgB,kBAAkB,CAAA,CAAA;AAEjE,EAAA,IAAAC,KAAA,GAAQ,OAAOrB,IAAS,KAAA,QAAA,GAAWA,OAAOZ,WAAY,CAAAY,IAAgC,KAAKZ,WAAY,CAAAE,MAAA,CAAA;AAE7G,EAAA,IAAAgC,gBAAA,GAA2EC,eAAA,CACzEF,KAAA,EACArB,IAAA,EACAK,YAAgB,IAAA,SAAA,EAChBU,SACF,CAAA,CAAA;IALQS,QAAU,GAAAF,gBAAA,CAAVE,QAAU,CAAA;IAAAF,gBAAA,CAAAG,WAAA,CAAA;QAAaC,MAAQ,GAAAJ,gBAAA,CAARI,MAAQ,CAAA;IAAAC,UAAA,GAAAL,gBAAA,CAAAK,UAAA,CAAA;IAAYC,uCAAAA;AAOnD,EAAA,IAAAC,kBAAA,GAA0CC,iBAAA,CAAkBN,UAAUR,QAAQ,CAAA;IAAtEe,kBAAoB,GAAAF,kBAAA,CAApBE,kBAAoB;IAAAC,SAAA,GAAAH,kBAAA,CAAAG,SAAA,CAAA;AAE5B,EAAA,IAAMC,sBAAsBC,MAAO,CAAA,IAAIC,SAASC,KAAM,CAAA,CAAC,CAAC,CAAE,CAAAC,OAAA,CAAA;AAC1D,EAAA,IAAMC,sBAAsBJ,MAAO,CAAA,IAAIC,SAASC,KAAM,CAAA,CAAC,CAAC,CAAE,CAAAC,OAAA,CAAA;AAC1D,EAAA,IAAME,wBAAwBL,MAAO,CAAA,IAAIC,SAASC,KAAM,CAAA,CAAC,CAAC,CAAE,CAAAC,OAAA,CAAA;AAE5D,EAAA,IAAMG,oBAAoBN,MAAO,CAAA,IAAIC,SAASC,KAAM,CAAA,CAAC,CAAC,CAAE,CAAAC,OAAA,CAAA;AAClD,EAAwBG,kBAAkBC,WAAY,CAAA;AAC1DC,IAAAA,UAAA,EAAY,CAAC,CAAA,EAAG,GAAG,CAAA;AACnBC,IAAAA,WAAA,EAAa,CAAC,IAAA,EAAM,MAAM,CAAA;AAC5B,GAAC,EAAA;AACDC,EAAAA,SAAA,CAAU,YAAM;AACd,IAAA,IAAIjC,QAAU,EAAA;AACHwB,MAAAA,QAAA,CAAAU,IAAA,CACPV,SAASW,QAAS,CAAA,CAChBX,SAASY,QAAS,CAAA,CAChBZ,QAAA,CAASa,OAAOf,mBAAqB,EAAA;AACnCgB,QAAAA,OAAS,EAAA,GAAA;AACTC,QAAAA,QAAA,EAAUrD,MAAMqD,QAAY,IAAA,GAAA;AAC5BC,QAAAA,eAAiB,EAAA,IAAA;AACnB,OAAC,CAAA,EACDhB,QAAA,CAASa,OAAOf,mBAAqB,EAAA;AACnCgB,QAAAA,OAAS,EAAA,CAAA;AACTC,QAAAA,QAAA,EAAUrD,MAAMqD,QAAY,IAAA,GAAA;AAC5BC,QAAAA,eAAiB,EAAA,IAAA;AACnB,OAAC,CAAA,CACF,CAAA,EACDhB,SAASY,QAAS,CAAA,CAChBZ,QAAA,CAASa,OAAOV,mBAAqB,EAAA;AACnCW,QAAAA,OAAS,EAAA,GAAA;AACTC,QAAAA,QAAA,EAAUrD,MAAMqD,QAAY,IAAA,GAAA;AAC5BC,QAAAA,eAAiB,EAAA,IAAA;AACnB,OAAC,CAAA,EACDhB,QAAA,CAASa,OAAOV,mBAAqB,EAAA;AACnCW,QAAAA,OAAS,EAAA,GAAA;AACTC,QAAAA,QAAA,EAAUrD,MAAMqD,QAAY,IAAA,GAAA;AAC5BC,QAAAA,eAAiB,EAAA,IAAA;AACnB,OAAC,CAAA,CACF,CAAA,EACDhB,SAASY,QAAS,CAAA,CAChBZ,QAAA,CAASa,OAAOT,qBAAuB,EAAA;AACrCU,QAAAA,OAAS,EAAA,CAAA;AACTC,QAAAA,QAAA,EAAUrD,MAAMqD,QAAY,IAAA,GAAA;AAC5BC,QAAAA,eAAiB,EAAA,IAAA;AACnB,OAAC,CAAA,EACDhB,QAAA,CAASa,OAAOT,qBAAuB,EAAA;AACrCU,QAAAA,OAAS,EAAA,CAAA;AACTC,QAAAA,QAAA,EAAUrD,MAAMqD,QAAY,IAAA,GAAA;AAC5BC,QAAAA,eAAiB,EAAA,IAAA;AACnB,OAAC,CAAA,CACF,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAaF,CACH,EAAEC,KAAM,EAAA,CAAA;AAECjB,MAAAA,QAAA,CAAAU,IAAA,CACPV,SAASY,QAAS,CAAA,CAChBZ,QAAA,CAASa,OAAOR,iBAAmB,EAAA;AACjCS,QAAAA,OAAS,EAAA,GAAA;AACTC,QAAAA,QAAA,EAAUrD,MAAMqD,QAAY,IAAA,GAAA;AAC5BC,QAAAA,eAAiB,EAAA,IAAA;OAClB,CAAA,CACF,CAAA,EACD;AACEE,QAAAA,UAAY,EAAA,CAAA;AACd,OACF,EAAED,KAAM,EAAA,CAAA;AACV,KAAA;AACF,GAAA,EAAG,CAACnB,mBAAqB,EAAAK,mBAAA,EAAqBC,uBAAuBC,iBAAmB,EAAA7B,QAAA,EAAUF,QAAQ,CAAC,CAAA,CAAA;AAE3G,EAAA,IAAM6C,gBAAgB,SAAhBA,gBAAsB;AAC1B,IAAA,QAAQ9B,QAAU;AAChB,MAAA,KAAK,OAAA;QACH,OAAOQ,SAAU,CAAAuB,SAAA,CAAA;AACnB,MAAA,KAAK,OAAA;QACH,OAAOvB,SAAU,CAAAwB,SAAA,CAAA;AACnB,MAAA,KAAK,QAAA;QACH,OAAOxB,SAAU,CAAAyB,UAAA,CAAA;AACnB,MAAA,KAAK,QAAA,CAAA;AACL,MAAA;QACE,OAAOzB,SAAU,CAAA0B,UAAA,CAAA;AACrB,KAAA;GACF,CAAA;AAEA,EAAA,IAAMC,oBAAoB,SAApBA,oBAA0B;AAC9B,IAAA,QAAQnC,QAAU;AAChB,MAAA,KAAK,OAAA;QACH,OAAOQ,SAAU,CAAA4B,aAAA,CAAA;AACnB,MAAA,KAAK,OAAA;QACH,OAAO5B,SAAU,CAAA6B,aAAA,CAAA;AACnB,MAAA,KAAK,QAAA;QACH,OAAO7B,SAAU,CAAA8B,cAAA,CAAA;AACnB,MAAA,KAAK,QAAA,CAAA;AACL,MAAA;QACE,OAAO9B,SAAU,CAAA+B,cAAA,CAAA;AACrB,KAAA;GACF,CAAA;AAEM,EAAA,IAAAC,aAAA,GAAgBC,QAAQ,YAAM;IAClC,OAAOC,KAAM,CAAAC,QAAA,CAASC,GAAI,CAAApD,QAAA,EAAU,UAACqD,KAAe,EAAA;MAC3C,oBAAAH,KAAA,CAAMI,aAAaD,KAAO,EAAAE,cAAA,CAAAA,cAAA,CAAA;AAAA;AAAA;AAAA;AAAA;QAK/BC,MAAMC,WAAY,CAAAC,KAAAA;OACfL,EAAAA,KAAM,CAAAxE,KAAA,CAAA,EAAA,EAAA,EAAA;QACTG,IAAA,EAAM2E,cAAcnD,QAAQ,CAAA;AAAA,OAAA,CAC7B,CAAA,CAAA;AACH,KAAC,CAAA,CAAA;AACH,GAAG,EAAA,CAACR,QAAU,EAAAQ,QAAQ,CAAC,CAAA,CAAA;AAEjB,EAAA,IAAAoD,SAAA,GAAYX,QAAQ,YAAM;AAC9B,IAAA,sBACGC,KAAA,CAAAW,aAAA,CAAAC,IAAA,EAAA;AAAKC,MAAAA,KAAO,EAAAC,UAAA,CAAWC,OAAQ,CAAA,CAACjD,SAAU,CAAAkD,aAAA,EAAe5B,aAAc,EAAC,CAAC,CAAA;KAAA,EACvEtC,QAAY,IAAAgD,aAAA,iBACZE,KAAA,CAAAW,aAAA,CAAAM,IAAA,EAAA;AAAKJ,MAAAA,KAAO,EAAAC,UAAA,CAAWC,OAAQ,CAAA,CAACtB,iBAAkB,EAAA,EAAG9D,KAAM,CAAAuF,QAAQ,CAAC,CAAA;AAAA,KAAA,EAAItF,QAAY,IAAAqB,gBAAiB,CACxG,CAAA,CAAA;AAEJ,GAAA,EAAG,CAACnB,IAAI,CAAC,CAAA,CAAA;AAET,EAAA,sBACGkE,KAAA,CAAAW,aAAA,CAAAC,IAAA,EAAA;IAAKC,KAAO,EAAAC,UAAA,CAAWC,OAAQ,CAAA,CAACvD,MAAO,CAAA2D,YAAA,EAAczE,cAAc,CAAC,CAAA;AAElE,GAAA,EAAAT,IAAA,KAAS,MACR,mBAAA+D,KAAA,CAAAW,aAAA,CAAC1C,QAAS,CAAA2C,IAAA,EAAT;IACCC,KAAA,EAAOC,WAAWC,OAAQ,CAAA,CACxBvD,MAAO,CAAA4D,SAAA,EACP3E,QAAA,IAAY;AAAE4E,MAAAA,SAAW,EAAA,CAAC;AAAEC,QAAAA,KAAO,EAAAvD,mBAAAA;OAAqB,CAAA;KAAE,EAC1DN,UAAW,CAAA2D,SAAA,EACXG,QAAS,CAAAC,EAAA,KAAO,KAAS,IAAA;AAAEC,MAAAA,UAAU,QAAA;AAAS,KAAA,CAC/C,CAAA;AAAA,GACF,CAAA,EAGFxF,SAAS,MACR,mBAAA+D,KAAA,CAAAW,aAAA,CAAC1C,QAAS,CAAA2C,IAAA,EAAT;IACCC,KAAA,EAAOC,WAAWC,OAAQ,CAAA,CACxBvD,MAAO,CAAA4D,SAAA,EACP3E,QAAY,IAAA;AACV4E,MAAAA,SAAW,EAAA,CAAC;AAAEC,QAAAA,KAAA,EAAOlD,mBAAAA;AAAoB,OAAC,CAAA;AAC1CsD,MAAAA,OAAS,EAAArD,qBAAAA;AAAA;KAEX,EACAX,mBAAoB,CAAA0D,SAAA,EACpBG,QAAS,CAAAC,EAAA,KAAO,KAAS,IAAA;AAAEC,MAAAA,UAAU,QAAA;AAAS,KAAA,CAC/C,CAAA;AAAA,GACF,CAAA,qCAEFb,IACC,EAAA,IAAA,iBAAAZ,KAAA,CAAAW,aAAA,CAACgB,KAAA,EAAAtB,cAAA,CAAA;AACCQ,IAAAA,OAAOC,UAAW,CAAAC,OAAA,CAAQ,CAACvD,MAAO,CAAAoE,GAAA,EAAKhF,UAAU,CAAC,CAAA;AAClDiF,IAAAA,MAAQ,EAAA;AAAEC,MAAAA,GAAK,EAAAvF,QAAA,IAAYhB,OAAOC,MAAAA;AAAO,KAAA;AAAA,GAAA,EACrCmB,UAAA,CACN,CACF,CAEC,EAAAV,IAAA,KAAS,MACR,mBAAA+D,KAAA,CAAAW,aAAA,CAACC;AAAKC,IAAAA,KAAO,EAAA,CAAChD,kBAAmB,CAAAsD,YAAA,EAAc;AAAEY,MAAAA,MAAQ,EAAA,GAAA;KAAK,CAAA;AAAA,GAAA,qCAC3DnB,IAAK,EAAA;IAAAC,KAAA,EAAOhD,kBAAmB,CAAAuD,SAAAA;AAAA,GAAA,EAC7B/E,WAAWqE,SACX,EAAAjE,QAAA,mBAAauD,KAAA,CAAAW,aAAA,CAAAgB,KAAA,EAAA;IAAMd,OAAOhD,kBAAmB,CAAAmE,aAAA;AAAeH,IAAAA,MAAQ,EAAA;MAAEC,KAAKvG,MAAO,CAAAE,KAAAA;AAAM,KAAA;GAAG,CAC9F,CACF,GAEDsB,QACH,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,eAAekF,aAAAA,KAAKvG,MAAM,CAAA;;;;"}

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

@@ -1,6 +1,6 @@
 import Avatar from './Avatar.js';
-export { i as AvatarType } from '../../_chunks/DGvW6nAB.js';
-import '../../_chunks/DpFbw-p-.js';
+export { i as AvatarType } from '../../_chunks/DjMhUq01.js';
+import '../../_chunks/CAkwE9ZD.js';
 import 'react';
 import 'react-native';
 import './styles.js';

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

@@ -1,2 +1,2 @@
-export { A as AvatarDefaultProps } from '../../../_chunks/DGvW6nAB.js';
+export { A as AvatarDefaultProps, a as avatarSizeMap } from '../../../_chunks/DjMhUq01.js';
 //# sourceMappingURL=index.js.map

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

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray } from '../../_chunks/DpFbw-p-.js';
+import { _ as _slicedToArray } from '../../_chunks/CAkwE9ZD.js';
 import { StyleSheet } from 'react-native';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
 import 'react';
@@ -124,22 +124,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,
@@ -148,7 +147,7 @@ var getLiveTextStyles = function getLiveTextStyles(size, liveIcon) {
       justifyContent: "center",
       alignItems: "center"
     },
-    liveTextLarge: {
+    liveLarge: {
       fontSize: typography.C3FontSize,
       minWidth: liveIcon ? 44 : 34,
       paddingVertical: 2,
@@ -158,7 +157,7 @@ var getLiveTextStyles = function getLiveTextStyles(size, liveIcon) {
       alignItems: "center",
       fontWeight: typography.C3FontWeight
     },
-    liveTextXLarge: {
+    liveXLarge: {
       fontSize: typography.C2FontSize,
       minWidth: liveIcon ? 56 : 42,
       paddingVertical: 2,
@@ -166,6 +165,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 {