@xhsreds/reds-rn-next 0.11.1-beta202512161527 → 0.11.1-beta202512261559

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

@@ -1,4 +1,4 @@
-import { a as _objectSpread2 } from '../../_chunks/BcGvf0Pc.js';
+import { a as _objectSpread2 } from '../../_chunks/ZEfofTDH.js';
 import React, { useRef, useEffect } from 'react';
 import { Animated, View, TouchableWithoutFeedback, Text, ScrollView } from 'react-native';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
@@ -6,9 +6,7 @@ import useMounted from '../../pvCount/useUnmountedProcess.js';
 import { useThemeTypography } from '../ConfigProvider/hooks/themeToken/useThemeToken.js';
 import { A as AlertDefaultProps } from '../../_chunks/VnzL1go0.js';
 import Button from '../Button/Button.js';
-import Portal from '../Portal/core/Portal.js';
-import '../Portal/core/PortalHost.js';
-import '../Portal/core/PortalProvider.js';
+import PortalHost from '../SlimAlert/PortalHost.js';
 import { style } from './styles.js';
 import '../LanguageProvider/LanguageProvider.js';
 import { useLanguage } from '../LanguageProvider/hooks/useLanguage.js';
@@ -37,10 +35,13 @@ import '../ProgressIndicator/lottie/loading_primary.js';
 import '../ConfigProvider/hooks/themeToken/useColorMode.js';
 import '../ProgressIndicator/styles.js';
 import '@xhs/lottie-react-native';
+import '../Portal/core/Portal.js';
 import '../Portal/core/hooks/usePortal.js';
 import '../../_chunks/CDM4vPRi.js';
 import '../Portal/core/PortalContext.js';
+import '../Portal/core/PortalHost.js';
 import '../Portal/core/hooks/usePortalState.js';
+import '../Portal/core/PortalProvider.js';
 import '../../_chunks/xB1yvFw8.js';
 import '../LanguageProvider/hooks/LanguageContext.js';
 import '../../i18n/index.js';
@@ -69,9 +70,9 @@ var Alert = function Alert(props) {
     children = finalProps.children,
     confirmBtnStyle = finalProps.confirmBtnStyle,
     cancelBtnStyle = finalProps.cancelBtnStyle,
-    confirmBtnTextStyle = finalProps.confirmBtnTextStyle,
-    hostName = finalProps.hostName,
-    onMask = finalProps.onMask;
+    confirmBtnTextStyle = finalProps.confirmBtnTextStyle;
+    finalProps.hostName;
+    var onMask = finalProps.onMask;
   var styles = style(props);
   var fadeAnim = useRef(new Animated.Value(0)).current;
   var cancelKey = useLanguage("componentKey", "cancelKey");
@@ -87,10 +88,12 @@ var Alert = function Alert(props) {
     if (onCancel) onCancel(e);
   };
   useMounted("Alert");
-  return show ? /* @__PURE__ */React.createElement(Portal, {
-    hostName: hostName
+  return show ? /* @__PURE__ */React.createElement(PortalHost, {
+    hostName: props.hostName
   }, /* @__PURE__ */React.createElement(View, {
-    style: styles.centeredView
+    style: [styles.centeredView, {
+      position: props.hostName ? "absolute" : "fixed"
+    }]
   }, mask && /* @__PURE__ */React.createElement(TouchableWithoutFeedback, {
     onPress: onMask
   }, /* @__PURE__ */React.createElement(View, {

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={{\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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"}
+{"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  ViewStyle,\n} from \"react-native\";\nimport { useThemeColor, useThemeTypography } from \"../ConfigProvider\";\nimport { RedsAlert, AlertDefaultProps } from \"./interface\";\nimport { Button } from \"../Button\";\nimport PortalHost from \"../SlimAlert/PortalHost\";\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    <PortalHost hostName={props.hostName}>\n      <View style={[styles.centeredView, { position: props.hostName ? \"absolute\" : \"fixed\" } as ViewStyle]}>\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    </PortalHost>\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","React","createElement","PortalHost","View","centeredView","position","TouchableWithoutFeedback","onPress","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,4 +1,4 @@
-import { g as _createClass, h as _classCallCheck, e as _typeof, a as _objectSpread2 } from '../../../_chunks/BcGvf0Pc.js';
+import { g as _createClass, h as _classCallCheck, e as _typeof, a as _objectSpread2 } from '../../../_chunks/ZEfofTDH.js';
 import { A as AlertDefaultProps } from '../../../_chunks/VnzL1go0.js';
 import '../../Portal/core/Portal.js';
 import '../../Portal/core/PortalHost.js';
@@ -39,6 +39,7 @@ import '../../ProgressIndicator/lottie/loading_primary.js';
 import '../../ConfigProvider/hooks/themeToken/useColorMode.js';
 import '../../ProgressIndicator/styles.js';
 import '@xhs/lottie-react-native';
+import '../../SlimAlert/PortalHost.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/VnzL1go0.js';
 export { default as alert } from './hooks/alert.js';
-import '../../_chunks/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import 'react';
 import 'react-native';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
@@ -33,6 +33,7 @@ import '../ProgressIndicator/lottie/loading_primary.js';
 import '../ConfigProvider/hooks/themeToken/useColorMode.js';
 import '../ProgressIndicator/styles.js';
 import '@xhs/lottie-react-native';
+import '../SlimAlert/PortalHost.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/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/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 
 var style = function style(props) {

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

@@ -1,4 +1,4 @@
-import { a as _objectSpread2 } from '../../_chunks/BcGvf0Pc.js';
+import { a as _objectSpread2 } from '../../_chunks/ZEfofTDH.js';
 import React, { memo, useRef, useEffect, useMemo } from 'react';
 import { Animated, View, StyleSheet, Text, Platform, Image } from 'react-native';
 import { A as AvatarDefaultProps, a as avatarSizeMap } from '../../_chunks/DjMhUq01.js';

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

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

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

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray } from '../../_chunks/BcGvf0Pc.js';
+import { _ as _slicedToArray } from '../../_chunks/ZEfofTDH.js';
 import { StyleSheet } from 'react-native';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
 import 'react';

package/lib/esm/components/AvatarGroup/AvatarGroup.js

@@ -1,4 +1,4 @@
-import { a as _objectSpread2 } from '../../_chunks/BcGvf0Pc.js';
+import { a as _objectSpread2 } from '../../_chunks/ZEfofTDH.js';
 import React, { memo, useMemo } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { A as AvatarGroupDefaultProps } from '../../_chunks/DYs5DSy1.js';

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

@@ -1,6 +1,6 @@
 import AvatarGroup from './AvatarGroup.js';
 export { i as AvatarGroupType } from '../../_chunks/DYs5DSy1.js';
-import '../../_chunks/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import 'react';
 import 'react-native';
 import '../Avatar/Avatar.js';

package/lib/esm/components/Badge/Badge.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray } from '../../_chunks/BcGvf0Pc.js';
+import { _ as _slicedToArray } from '../../_chunks/ZEfofTDH.js';
 import React, { useState } from 'react';
 import { StyleSheet, View, Text } from 'react-native';
 import { B as BadgeDefaultProps } from '../../_chunks/dcCYT91T.js';

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

@@ -1,6 +1,6 @@
 import Badge from './Badge.js';
 export { i as BadgeType } from '../../_chunks/dcCYT91T.js';
-import '../../_chunks/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import 'react';
 import 'react-native';
 import './styles.js';

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

@@ -4,7 +4,7 @@ import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
 import 'react';
 import '@xhs/reds-apm/src/index.native';
 import { useThemeTypography } from '../ConfigProvider/hooks/themeToken/useThemeToken.js';
-import '../../_chunks/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 
 var createStyles = function createStyles() {

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

@@ -1,4 +1,4 @@
-import { a as _objectSpread2 } from '../../_chunks/BcGvf0Pc.js';
+import { a as _objectSpread2 } from '../../_chunks/ZEfofTDH.js';
 import React from 'react';
 import { View } from 'react-native';
 import { B as BottomBarDefaultProps } from '../../_chunks/6IvC8kW8.js';

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

@@ -1,6 +1,6 @@
 import BottomBar from './BottomBar.js';
 export { i as BottomBarType } from '../../_chunks/6IvC8kW8.js';
-import '../../_chunks/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import 'react';
 import 'react-native';
 import './styles.js';

package/lib/esm/components/Button/Button.js

@@ -1,4 +1,4 @@
-import { a as _objectSpread2 } from '../../_chunks/BcGvf0Pc.js';
+import { a as _objectSpread2 } from '../../_chunks/ZEfofTDH.js';
 import React, { memo } from 'react';
 import { PanResponder, TouchableWithoutFeedback, View, Text } from 'react-native';
 import { B as ButtonDefaultProps } from '../../_chunks/BW8QYG9p.js';

package/lib/esm/components/Button/Viewable.js

@@ -1,4 +1,4 @@
-import { i as _objectWithoutProperties, a as _objectSpread2 } from '../../_chunks/BcGvf0Pc.js';
+import { i as _objectWithoutProperties, a as _objectSpread2 } from '../../_chunks/ZEfofTDH.js';
 import React, { useRef, useEffect } from 'react';
 import { View, Dimensions, findNodeHandle } from 'react-native';
 

package/lib/esm/components/Button/Viewable.web.js

@@ -0,0 +1,43 @@
+import { i as _objectWithoutProperties, a as _objectSpread2 } from '../../_chunks/ZEfofTDH.js';
+import React, { useRef, useEffect } from 'react';
+import { View } from 'react-native';
+
+var _excluded = ["style", "percent", "callback"];
+var Viewable = function Viewable(props) {
+  var style = props.style,
+    _props$percent = props.percent,
+    percent = _props$percent === void 0 ? 1 : _props$percent,
+    callback = props.callback,
+    rest = _objectWithoutProperties(props, _excluded);
+  var targetRef = useRef(null);
+  var hasLoggedExposure = useRef(false);
+  useEffect(function () {
+    if (typeof window === "undefined") return;
+    var observer = new IntersectionObserver(function (entries) {
+      entries.forEach(function (entry) {
+        if (entry.isIntersecting && entry.intersectionRatio >= (percent || 1)) {
+          if (!hasLoggedExposure.current) {
+            hasLoggedExposure.current = true;
+            callback === null || callback === void 0 || callback();
+          }
+        }
+      });
+    }, {
+      threshold: percent || 1
+    });
+    var domNode = targetRef.current;
+    if (domNode) {
+      observer.observe(domNode);
+    }
+    return function () {
+      return observer.disconnect();
+    };
+  }, [callback, percent]);
+  return /* @__PURE__ */React.createElement(View, _objectSpread2({
+    ref: targetRef,
+    style: style
+  }, rest), props.children);
+};
+
+export { Viewable as default };
+//# sourceMappingURL=Viewable.web.js.map

package/lib/esm/components/Button/Viewable.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Viewable.web.js","sources":["../../../../src/components/Button/Viewable.web.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { View, Dimensions } from \"react-native\";\n\nconst Viewable = (props: any) => {\n  const { style, percent = 1, callback, ...rest } = props;\n  const targetRef = useRef<View>(null);\n  const hasLoggedExposure = useRef(false);\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (entry.isIntersecting && entry.intersectionRatio >= (percent || 1)) {\n            if (!hasLoggedExposure.current) {\n              hasLoggedExposure.current = true;\n              callback?.();\n            }\n          }\n        });\n      },\n      {\n        threshold: percent || 1,\n      },\n    );\n\n    // 获取实际的 DOM 元素\n    const domNode = targetRef.current as any;\n    if (domNode) {\n      observer.observe(domNode);\n    }\n\n    return () => observer.disconnect();\n  }, [callback, percent]);\n\n  return (\n    <View ref={targetRef} style={style} {...rest}>\n      {props.children}\n    </View>\n  );\n};\n\nexport default Viewable;\n"],"names":["Viewable","props","style","_props$percent","percent","callback","rest","_excluded","targetRef","useRef","hasLoggedExposure","useEffect","window","observer","IntersectionObserver","entries","forEach","entry","isIntersecting","intersectionRatio","current","threshold","domNode","observe","disconnect","React","createElement","View","ref","children"],"mappings":";;;;;AAGA,IAAMA,QAAA,GAAW,SAAXA,QAAAA,CAAYC,KAAe,EAAA;AAC/B,EAAA,IAAQC,KAAO,GAAmCD,KAAA,CAA1CC,KAAO;IAAAC,cAAA,GAAmCF,KAAA,CAAnCG,OAAA;AAAAA,IAAAA,OAAA,GAAAD,cAAA,KAAU,KAAA,CAAA,GAAA;IAAGE,QAAU,GAAYJ,KAAA,CAAtBI,QAAU;AAAGC,IAAAA,gCAASL,KAAA,EAAAM,SAAA,CAAA,CAAA;AAC5C,EAAA,IAAAC,SAAA,GAAYC,OAAa,IAAI,CAAA,CAAA;AAC7B,EAAA,IAAAC,iBAAA,GAAoBD,OAAO,KAAK,CAAA,CAAA;AAEtCE,EAAAA,SAAA,CAAU,YAAM;AACV,IAAA,IAAA,OAAOC,WAAW,WAAa,EAAA,OAAA;AAEnC,IAAA,IAAMC,WAAW,IAAIC,oBAAA,CACnB,UAACC,OAAY,EAAA;AACHA,MAAAA,OAAA,CAAAC,OAAA,CAAQ,UAACC,KAAU,EAAA;AACzB,QAAA,IAAIA,KAAM,CAAAC,cAAA,IAAkBD,KAAM,CAAAE,iBAAA,KAAsBf,WAAW,CAAI,CAAA,EAAA;AACjE,UAAA,IAAA,CAACM,kBAAkBU,OAAS,EAAA;YAC9BV,iBAAA,CAAkBU,OAAU,GAAA,IAAA,CAAA;AACjBf,YAAAA,QAAA,KAAAA,IAAAA,IAAAA,QAAA,KAAAA,KAAAA,CAAAA,IAAAA,QAAA,EAAA,CAAA;AACb,WAAA;AACF,SAAA;AACF,OAAC,CAAA,CAAA;AACH,KAAA,EACA;MACEgB,WAAWjB,OAAW,IAAA,CAAA;AACxB,KACF,CAAA,CAAA;AAGA,IAAA,IAAMkB,UAAUd,SAAU,CAAAY,OAAA,CAAA;AAC1B,IAAA,IAAIE,OAAS,EAAA;AACXT,MAAAA,QAAA,CAASU,QAAQD,OAAO,CAAA,CAAA;AAC1B,KAAA;IAEO,OAAA,YAAA;AAAA,MAAA,OAAMT,SAASW,UAAW,EAAA,CAAA;AAAA,KAAA,CAAA;AACnC,GAAG,EAAA,CAACnB,QAAU,EAAAD,OAAO,CAAC,CAAA,CAAA;AAGpB,EAAA,sBAAAqB,KAAA,CAAAC,aAAA,CAACC;AAAKC,IAAAA,GAAK,EAAApB,SAAA;AAAWN,IAAAA,OAAAA,KAAAA;KAAkBI,IAAA,CAAA,EACrCL,MAAM4B,QACT,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,6 +1,6 @@
 import Button from './Button.js';
 export { i as ButtonType } from '../../_chunks/BW8QYG9p.js';
-import '../../_chunks/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import 'react';
 import 'react-native';
 import './styleMap.js';

package/lib/esm/components/Button/styleMap.js

@@ -1,4 +1,4 @@
-import { a as _objectSpread2 } from '../../_chunks/BcGvf0Pc.js';
+import { a as _objectSpread2 } from '../../_chunks/ZEfofTDH.js';
 import { StyleSheet } from 'react-native';
 import { alwaysColor } from '@xhsreds/reds-token-next';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';

package/lib/esm/components/Carousel/Carousel.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray, b as _toConsumableArray, a as _objectSpread2 } from '../../_chunks/BcGvf0Pc.js';
+import { _ as _slicedToArray, b as _toConsumableArray, a as _objectSpread2 } from '../../_chunks/ZEfofTDH.js';
 import React, { useRef, useState, useMemo, useEffect } from 'react';
 import { Dimensions, View, ScrollView, Image, Text } from 'react-native';
 import getStyle from './styles.js';

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

@@ -1,6 +1,6 @@
 import { Carousel } from './Carousel.js';
 export { i as CarouselType } from '../../_chunks/Dz2wZ4QI.js';
-import '../../_chunks/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import 'react';
 import 'react-native';
 import './styles.js';

package/lib/esm/components/CheckBoxGroup/CheckBox.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray } from '../../_chunks/BcGvf0Pc.js';
+import { _ as _slicedToArray } from '../../_chunks/ZEfofTDH.js';
 import React, { useState, useContext, useEffect } from 'react';
 import { TouchableOpacity, View, Image, Text } from 'react-native';
 import { c as CheckBoxPlacement, a as CheckBoxGroupLayout, d as CheckBoxGroupSize, R as RedsCheckBoxDefaultProps } from '../../_chunks/BtIsdYBR.js';

package/lib/esm/components/CheckBoxGroup/CheckBoxGroup.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray, b as _toConsumableArray } from '../../_chunks/BcGvf0Pc.js';
+import { _ as _slicedToArray, b as _toConsumableArray } from '../../_chunks/ZEfofTDH.js';
 import React, { useState, useMemo, useEffect } from 'react';
 import { View, TouchableWithoutFeedback, TouchableOpacity, Image, Text, ScrollView } from 'react-native';
 import { C as CheckedStatus, a as CheckBoxGroupLayout, b as CheckBoxGroupDefaultProps } from '../../_chunks/BtIsdYBR.js';

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

@@ -1,7 +1,7 @@
 import CheckBoxGroup from './CheckBoxGroup.js';
 export { i as CheckBoxGroupType } from '../../_chunks/BtIsdYBR.js';
 export { default as CheckBox } from './CheckBox.js';
-import '../../_chunks/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import 'react';
 import 'react-native';
 import './styles.js';

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

@@ -1,4 +1,4 @@
-import { a as _objectSpread2 } from '../../_chunks/BcGvf0Pc.js';
+import { a as _objectSpread2 } from '../../_chunks/ZEfofTDH.js';
 import { StyleSheet } from 'react-native';
 import { a as CheckBoxGroupLayout, c as CheckBoxPlacement, C as CheckedStatus } from '../../_chunks/BtIsdYBR.js';
 import { typography } from '@xhsreds/reds-token-next';

package/lib/esm/components/Collapse/Collapse.js

@@ -1,4 +1,4 @@
-import { a as _objectSpread2, _ as _slicedToArray, b as _toConsumableArray } from '../../_chunks/BcGvf0Pc.js';
+import { a as _objectSpread2, _ as _slicedToArray, b as _toConsumableArray } from '../../_chunks/ZEfofTDH.js';
 import React, { useRef, useState, useEffect, useCallback, useLayoutEffect } from 'react';
 import { CollapseDefaultProps } from './interface/index.js';
 import { CollapseContext } from './hooks/useCollapseContext.js';

package/lib/esm/components/Collapse/Item/Item.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray, a as _objectSpread2 } from '../../../_chunks/BcGvf0Pc.js';
+import { _ as _slicedToArray, a as _objectSpread2 } from '../../../_chunks/ZEfofTDH.js';
 import React, { useState, useRef, useEffect, useMemo } from 'react';
 import { Platform, UIManager, View, TouchableWithoutFeedback, Text, LayoutAnimation } from 'react-native';
 import { ItemDefaultProps } from './interface/index.js';

package/lib/esm/components/Collapse/Item/Item.web.js

@@ -0,0 +1,160 @@
+import { _ as _slicedToArray, a as _objectSpread2 } from '../../../_chunks/ZEfofTDH.js';
+import React, { useState, useRef, useEffect, useMemo } from 'react';
+import { View, TouchableWithoutFeedback, Text } from 'react-native';
+import { ItemDefaultProps } from './interface/index.js';
+import createStyles from './styles.js';
+import Icon from '../../Icon/Icon.js';
+import { ArrowDownCenterB } from '@xhs/reder-icon-svg-ReDs_icon';
+import { CollapseContext } from '../hooks/useCollapseContext.js';
+import '../../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
+import '@xhs/reds-apm/src/index.native';
+import { useThemeColor } from '../../ConfigProvider/hooks/themeToken/useThemeToken.js';
+import '@xhsreds/reds-token-next';
+import '../../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
+import '../../../_chunks/xi-gXLIR.js';
+import '../../../pvCount/useUnmountedProcess.js';
+import '../../../pvCount/pvData.js';
+
+var Item = function Item(_ref) {
+  var value = _ref.value,
+    title = _ref.title,
+    lazyRender = _ref.lazyRender,
+    children = _ref.children,
+    onClick = _ref.onClick;
+  var _React$useContext = React.useContext(CollapseContext),
+    addActiveValue = _React$useContext.addActiveValue,
+    isActiveValue = _React$useContext.isActiveValue,
+    removeActiveValue = _React$useContext.removeActiveValue,
+    size = _React$useContext.size,
+    registerChild = _React$useContext.registerChild,
+    unregisterChild = _React$useContext.unregisterChild;
+  var styles = createStyles(size || "Medium");
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = useState(!lazyRender),
+    _useState4 = _slicedToArray(_useState3, 2);
+    _useState4[0];
+    var setShouldMount = _useState4[1];
+  var _useState5 = useState(0),
+    _useState6 = _slicedToArray(_useState5, 2),
+    contentHeight = _useState6[0],
+    setContentHeight = _useState6[1];
+  var firstRender = useRef(false);
+  var measureRef = useRef(null);
+  var contentRef = useRef(null);
+  var themeColor = useThemeColor();
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    lineItem = _useState8[0],
+    setLineItem = _useState8[1];
+  var childInfo = {
+    setLine: function setLine(value2) {
+      return setLineItem(value2);
+    }
+  };
+  useEffect(function () {
+    registerChild(childInfo);
+    return function () {
+      return unregisterChild(childInfo);
+    };
+  }, []);
+  var _useState9 = useState(false),
+    _useState0 = _slicedToArray(_useState9, 2);
+    _useState0[0];
+    var setInitialMeasureDone = _useState0[1];
+  var setFirstRenderTag = function setFirstRenderTag() {
+    firstRender.current = true;
+    setShouldMount(true);
+  };
+  var handleContentLayout = function handleContentLayout(event) {
+    var measuredHeight = event.nativeEvent.layout.height;
+    if (measuredHeight !== contentHeight) {
+      setContentHeight(measuredHeight);
+      setInitialMeasureDone(true);
+    }
+  };
+  useEffect(function () {
+    var isActive = !!(isActiveValue !== null && isActiveValue !== void 0 && isActiveValue(value));
+    if (isActive) {
+      var _measureRef$current, _measureRef$current$m;
+      (_measureRef$current = measureRef.current) === null || _measureRef$current === void 0 || (_measureRef$current$m = _measureRef$current.measure) === null || _measureRef$current$m === void 0 || _measureRef$current$m.call(_measureRef$current, function (x, y, width, height) {
+        setContentHeight(height);
+        setInitialMeasureDone(true);
+      });
+    }
+    setVisible(isActive);
+    if (!firstRender.current && isActive) {
+      setFirstRenderTag();
+    }
+  }, [isActiveValue === null || isActiveValue === void 0 ? void 0 : isActiveValue(value)]);
+  var onPress = function onPress() {
+    var nextActive = !(isActiveValue !== null && isActiveValue !== void 0 && isActiveValue(value));
+    if (nextActive) {
+      addActiveValue === null || addActiveValue === void 0 || addActiveValue(value);
+      if (!firstRender.current) setFirstRenderTag();
+    } else {
+      removeActiveValue === null || removeActiveValue === void 0 || removeActiveValue(value);
+    }
+    setVisible(nextActive);
+    onClick === null || onClick === void 0 || onClick(value);
+  };
+  var cloneChildren = useMemo(function () {
+    return React.Children.map(children, function (child) {
+      return /*#__PURE__*/React.cloneElement(child, _objectSpread2({
+        style: {
+          color: themeColor.Paragraph
+        }
+      }, child.props));
+    });
+  }, [children]);
+  return /* @__PURE__ */React.createElement(View, null, /* @__PURE__ */React.createElement(TouchableWithoutFeedback, {
+    onPress: onPress
+  }, /* @__PURE__ */React.createElement(View, {
+    style: styles.header
+  }, /* @__PURE__ */React.createElement(Text, {
+    style: styles.title
+  }, title), /* @__PURE__ */React.createElement(View, {
+    style: {
+      transform: "rotate(".concat(visible ? 180 : 0, "deg)"),
+      transition: "transform 200ms ease-in-out"
+    }
+  }, /* @__PURE__ */React.createElement(Icon, {
+    icon: ArrowDownCenterB,
+    size: 16,
+    fill: themeColor.Title
+  })))), /* @__PURE__ */React.createElement(View, {
+    ref: measureRef,
+    onLayout: handleContentLayout,
+    style: _objectSpread2({
+      position: "absolute",
+      opacity: 0,
+      paddingHorizontal: 16,
+      paddingBottom: 12,
+      top: -9999,
+      width: "100%"
+    }, styles.content)
+  }, cloneChildren), /* @__PURE__ */React.createElement(View, {
+    ref: contentRef,
+    style: _objectSpread2({
+      overflow: "hidden",
+      height: visible ? contentHeight : 0,
+      paddingHorizontal: 16,
+      paddingBottom: visible ? 12 : 0,
+      minHeight: visible ? 1 : 0,
+      // @ts-expect-error
+      transition: "height 200ms ease-in-out, padding 200ms ease-in-out, opacity 200ms ease-in-out"
+    }, styles.content)
+  }, cloneChildren), lineItem && /* @__PURE__ */React.createElement(View, {
+    style: {
+      backgroundColor: themeColor.Separator,
+      height: 0.5,
+      marginHorizontal: 16
+    }
+  }));
+};
+Item.defaultProps = ItemDefaultProps;
+
+export { Item as default };
+//# sourceMappingURL=Item.web.js.map