@xhsreds/reds-rn-next 0.11.1-premode-test.1 → 0.11.2

package/src/components/ActionSheets/ActionSheets.tsx

@@ -9,7 +9,6 @@ import useMounted from "../../pvCount/useUnmountedProcess";
 import { useLanguage } from "../LanguageProvider";
 import { getSafeAreaInsets } from "../StatusBar";
 import { typography } from "@xhs/reds-token-next";
-// test test
 const ActionSheets = forwardRef((props: RedsActionSheets, ref) => {
   useMounted("ActionSheets");
   const themeColor = useThemeColor("ActionSheets");
@@ -81,17 +80,31 @@ const ActionSheets = forwardRef((props: RedsActionSheets, ref) => {
         ) : (
           <></>
         )}
-        <ScrollView>
-          {props?.data?.map((item) => (
-            <TouchableWithoutFeedback onPress={() => handleClick(item.value)} key={`${item.label}${item.value}`}>
-              <View style={[styles.action, { backgroundColor: themeColor.Bg2 }]}>
-                <Text style={getActionStyles(item.type as ActionType)}>{item.label}</Text>
-                {item.desc ? <Text style={getActionDescStyles(colorMode)}>{item.desc}</Text> : <></>}
-              </View>
-            </TouchableWithoutFeedback>
-          ))}
-          {children}
-        </ScrollView>
+        {children?.length > 4 || (props?.data?.length || 0) > 4 ? (
+          <ScrollView>
+            {props?.data?.map((item, index) => (
+              <TouchableWithoutFeedback onPress={() => handleClick(item.value)} key={`${item.label}${item.value}`}>
+                <View style={[styles.action, { backgroundColor: themeColor.Bg2 }]}>
+                  <Text style={getActionStyles(item.type as ActionType)}>{item.label}</Text>
+                  {item.desc ? <Text style={getActionDescStyles(colorMode)}>{item.desc}</Text> : <></>}
+                </View>
+              </TouchableWithoutFeedback>
+            ))}
+            {children}
+          </ScrollView>
+        ) : (
+          <>
+            {props?.data?.map((item) => (
+              <TouchableWithoutFeedback onPress={() => handleClick(item.value)} key={`${item.label}${item.value}`}>
+                <View style={[styles.action, { backgroundColor: themeColor.Bg2 }]}>
+                  <Text style={getActionStyles(item.type as ActionType)}>{item.label}</Text>
+                  {item.desc ? <Text style={getActionDescStyles(colorMode)}>{item.desc}</Text> : <></>}
+                </View>
+              </TouchableWithoutFeedback>
+            ))}
+            {children}
+          </>
+        )}
         {props.cancel ? (
           <TouchableWithoutFeedback onPress={handleClose}>
             <View style={[styles.cancel, { backgroundColor: themeColor.Bg2 }]}>
@@ -103,7 +116,6 @@ const ActionSheets = forwardRef((props: RedsActionSheets, ref) => {
         ) : (
           <></>
         )}
-        <View style={[{ height: bottom, width: "100%", backgroundColor: themeColor.Bg }, props.safeAreaStyle]}></View>
       </View>
     </AnimatedSheets>
   );

package/src/components/ActionSheets/styles.ts

@@ -6,6 +6,7 @@ const createStyles = (themeColor: any) => {
       width: "100%",
       borderTopLeftRadius: 12,
       borderTopRightRadius: 12,
+      overflow: "hidden",
       display: "flex",
       flexDirection: "column",
       maxHeight: Dimensions.get("window").height / 2,

package/src/components/Alert/Alert.tsx

@@ -19,77 +19,6 @@ import { Portal } from "../Portal";
 import { style } from "./styles";
 import useMounted from "../../pvCount/useUnmountedProcess";
 import { useLanguage } from "../LanguageProvider";
-// const AlertView: React.FC<RedsAlert> = (props) => {
-//   const finalProps = { ...AlertDefaultProps, ...props };
-//   const {
-//     show,
-//     title,
-//     message,
-//     confirmText,
-//     cancelText,
-//     onConfirm,
-//     onCancel,
-//     onOpen,
-//     onClose,
-//     align,
-//     // showScrollOverlay,
-//     footerLayout,
-//     showConfirmButton,
-//     showCancelButton,
-//     mask,
-//     footerType,
-//     header,
-//     footer,
-//     children,
-//     onMask,
-//     confirmBtnStyle,
-//   } = finalProps;
-//   const themeColor = useThemeColor("Alert");
-//   const cancelKey = useLanguage("componentKey", "cancelKey");
-//   const confirmKey = useLanguage("componentKey", "confirmKey");
-//   const styles = style(props);
-//   // const [hasScrollToBottom, setHasScrollToBottom] = useState(true);
-//   const fadeAnim = useRef(new Animated.Value(0)).current;
-
-//   useEffect(() => {
-//     if (show && onOpen) onOpen();
-//     if (!show && onClose) onClose();
-//   }, [show]);
-
-//   const handleConfirm = (e: GestureResponderEvent) => {
-//     if (onConfirm) onConfirm(e);
-//   };
-
-//   const handleCancel = (e: GestureResponderEvent) => {
-//     if (onCancel) onCancel(e);
-//   };
-//   return show ? (
-//     <>
-//       <Animated.View
-//         style={[
-//           styles.centeredView,
-//           {
-//             transform: [
-//               {
-//                 scale: fadeAnim.interpolate({
-//                   inputRange: [0, 1],
-//                   outputRange: [1, 1],
-//                 }),
-//               },
-//             ],
-//           },
-//         ]}
-//       >
-//         {mask && (
-//           <TouchableOpacity onPress={() => { console.log('onMask xxxx')}} activeOpacity={1}>
-//             <View style={styles.modalOverlay} />
-//           </TouchableOpacity>
-//         )}
-
-//       </Animated.View>
-//     </>
-//   ) : null;
-// };
 
 const Alert: React.FC<RedsAlert> = (props) => {
   const finalProps = { ...AlertDefaultProps, ...props };
@@ -117,6 +46,7 @@ const Alert: React.FC<RedsAlert> = (props) => {
     confirmBtnStyle,
     cancelBtnStyle,
     confirmBtnTextStyle,
+    cancelBtnTextStyle,
     hostName,
     onMask,
   } = finalProps;
@@ -142,6 +72,7 @@ const Alert: React.FC<RedsAlert> = (props) => {
     if (onCancel) onCancel(e);
   };
   useMounted("Alert");
+
   return show ? (
     <Portal hostName={hostName}>
       <View style={styles.centeredView}>
@@ -164,7 +95,7 @@ const Alert: React.FC<RedsAlert> = (props) => {
             },
           ]}
         >
-          <View style={[styles.alertContainer, { top: props.offset?.y || 0, left: props.offset?.x || 0 }]}>
+          <View style={[styles.alertContainer, props.style, { top: props.offset?.y || 0, left: props.offset?.x || 0 }]}>
             {header}
             <View style={[styles.alertContent, props.contentStyle]}>
               <Text style={styles.title}>{title}</Text>
@@ -180,9 +111,6 @@ const Alert: React.FC<RedsAlert> = (props) => {
               ) : (
                 children
               )}
-              {/* {showScrollOverlay && hasScrollToBottom && canScroll ? (
-                <Image source={{ uri: scrollViewMask.default }} style={styles.scrollOverlay} />
-              ) : null} */}
             </View>
             {footer ? (
               footer
@@ -191,7 +119,7 @@ const Alert: React.FC<RedsAlert> = (props) => {
                 style={[
                   styles.footer,
                   footerLayout === "vertical" ? styles.footerVertical : styles.footerHorizontal,
-                  footerType === "text" && styles.footerText,
+                  // footerType === "text" && styles.footerText,
                   props.footerStyle,
                 ]}
               >
@@ -200,12 +128,12 @@ const Alert: React.FC<RedsAlert> = (props) => {
                     variant={footerType === "text" ? "text" : "outline"}
                     onClick={handleCancel}
                     style={{
-                      ...(footerLayout === "vertical" ? styles.verCancelButton : styles.cancelButton),
+                      ...styles.cancelButton,
                       ...cancelBtnStyle,
                     }}
                     size={footerType === "text" ? (footerLayout === "vertical" ? "medium" : "large") : "medium"}
                     {...(props.cancelBtnProps || {})}
-                    textStyle={styles.cancelText}
+                    textStyle={[styles.cancelText, cancelBtnTextStyle]}
                   >
                     {cancelText || cancelKey}
                   </Button>
@@ -214,10 +142,10 @@ const Alert: React.FC<RedsAlert> = (props) => {
                   showCancelButton &&
                   (footerLayout === "vertical" ? (
                     // @ts-ignore
-                    <View direction={"horizontal"} style={styles.horizontalLine} />
+                    <View style={styles.horizontalLine} />
                   ) : (
                     // @ts-ignore
-                    <View direction={"vertical"} style={styles.verticalLine} />
+                    <View style={styles.verticalLine} />
                   ))}
                 {showConfirmButton && (
                   <Button
@@ -225,11 +153,10 @@ const Alert: React.FC<RedsAlert> = (props) => {
                     variant={footerType === "text" ? "text" : "fill"}
                     onClick={handleConfirm}
                     style={{
-                      ...(footerType === "text" ? styles.button : styles.confirmButton),
-                      ...(footerLayout === "vertical" ? styles.verButton : styles.confirmButton),
+                      ...styles.confirmButton,
                       ...confirmBtnStyle,
                     }}
-                    textStyle={confirmBtnTextStyle}
+                    textStyle={[styles.confirmButtonText, confirmBtnTextStyle]}
                     size={footerType === "text" ? (footerLayout === "vertical" ? "medium" : "large") : "medium"}
                     {...(props.confirmBtnProps || {})}
                   >

package/src/components/Alert/demo/index.tsx

@@ -169,7 +169,7 @@ export default function App() {
               type="primary"
               variant="outline"
             >
-              不显示取消按钮的alert
+              横向布局不显示取消按钮的alert
             </Button>
           </View>
 

package/src/components/Alert/doc/index.mdx

@@ -33,8 +33,10 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
 | offset              | alert在父容器的位置offset              | AlertOffset                                  | `{"x":0,"y":0}` |
 | hostName            | alert对应PortalProvider hostName       | string                                       | root            |
 | confirmBtnTextStyle | confirmBtnTextStyle                    | TextStyle                                    | `{}`            |
+| cancelBtnTextStyle  | cancelBtnTextStyle                     | TextStyle                                    | `{}`            |
 | confirmBtnProps     | confirmBtnProps                        | any                                          | `{}`            |
 | cancelBtnProps      | cancelBtnProps                         | any                                          | `{}`            |
+| style               | style                                  | any                                          | `{}`            |
 
 ### Events
 

package/src/components/Alert/interface/index.ts

@@ -32,8 +32,10 @@ export interface RedsAlert {
   offset?: AlertOffset;
   hostName?: string;
   confirmBtnTextStyle?: TextStyle;
+  cancelBtnTextStyle?: TextStyle;
   confirmBtnProps?: any;
   cancelBtnProps?: any;
+  style?: any;
 }
 
 export interface RedsAlertEvent {}
@@ -52,6 +54,8 @@ export const AlertDefaultProps = {
   offset: { x: 0, y: 0 },
   hostName: "root",
   confirmBtnTextStyle: {},
+  cancelBtnTextStyle: {},
   confirmBtnProps: {},
   cancelBtnProps: {},
+  style: {},
 };

package/src/components/Alert/styles.ts

@@ -6,6 +6,7 @@ import { RedsAlert } from "./interface";
 export const style = (props: RedsAlert) => {
   const themeColor = useThemeColor("Button");
   const typography = useThemeTypography("Button");
+
   const styles = StyleSheet.create({
     modalOverlay: {
       position: "absolute",
@@ -61,87 +62,51 @@ export const style = (props: RedsAlert) => {
     messageLeft: {
       textAlign: "left",
     },
-    scrollOverlay: {
-      width: "100%",
-      position: "absolute",
-      left: 20,
-      right: 0,
-      bottom: 20,
-      height: 40,
-    },
     footer: {
       width: "100%",
-      height: 48,
       flexDirection: "row",
       justifyContent: "space-between",
       paddingTop: 0,
     },
-    footerText: {
-      borderTopWidth: 0.5,
-      borderTopColor: themeColor.Fill2,
-      paddingBottom: props.footerLayout === "vertical" ? 0 : 6,
-      paddingTop: props.footerLayout === "vertical" ? 0 : 6,
-      paddingHorizontal: props.footerLayout === "vertical" ? 0 : 12,
-    },
     footerHorizontal: {
       flexDirection: "row",
+      paddingBottom: props.footerType === "text" ? 0 : 20,
       paddingHorizontal: 20,
-      paddingVertical: 20,
+      gap: 12,
     },
     footerVertical: {
       flexDirection: "column-reverse",
       alignItems: "center",
-      height: 100,
       paddingHorizontal: 20,
-    },
-    cancelButton: {
-      flex: 1,
-      width: 109,
-      margin: 0,
-      paddingHorizontal: 0,
-      height: 36,
-    },
-    button: {
-      flex: 1,
-      width: 109,
-      margin: 0,
-      paddingHorizontal: 0,
-      height: 36,
+      height:
+        props.showCancelButton && props.showConfirmButton ? (props.cancelBtnProps.variant === "text" ? 82 : 100) : 56,
     },
     dividerBox: {
       marginTop: 5,
     },
-    confirmButton: {
+    cancelButton: {
       flex: 1,
-      margin: 0,
-      marginLeft: 10,
-      width: 109,
-      height: 36,
-      paddingHorizontal: 20,
+      height: props.cancelBtnProps.variant === "text" ? 34 : props.footerType === "text" ? 52 : 36,
+      alignItems: props.cancelBtnProps.variant === "text" ? "flex-start" : "center",
+      paddingTop: props.cancelBtnProps.variant === "text" ? 12 : 0,
     },
-    verButton: {
-      flex: 0,
+    confirmButton: {
+      flex: 1,
       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,
+      height: props.footerType === "text" ? 52 : 36,
     },
-    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,
+    confirmButtonText: {
+      fontSize: props.footerType === "text" ? typography.T2FontSize : typography.T3FontSize,
     },
     cancelText: {
       color: themeColor.Description,
-      fontSize: 12,
+      fontSize:
+        props.cancelBtnProps.variant === "text"
+          ? 12
+          : props.footerType === "text"
+            ? typography.T2FontSize
+            : typography.T3FontSize,
+      fontWeight: typography.C2FontWeight,
     },
     horizontalLine: {
       width: "100%",

package/src/components/Image/queryCacheBatcher.ts

@@ -5,7 +5,7 @@ declare const global: any;
 type Resolver = (value: boolean) => void;
 
 // Runtime switch: set global.REDS_IMAGE_QUERYCACHE_BATCHING_ENABLED = false to disable batching
-let enabled: boolean = global?.REDS_IMAGE_QUERYCACHE_BATCHING_ENABLED !== false;
+let enabled: boolean = false;
 let FLUSH_MS = 50;
 
 const pending = new Map<string, Resolver[]>();

package/src/components/NoticeBar/styles.ts

@@ -41,6 +41,7 @@ export default (themeColor: any) => {
       color: themeColor.Title,
       fontSize: typography.B2LooseFontSize,
       fontWeight: typography.B2LooseFontWeight,
+      lineHeight: typography.B2LooseLineHeight,
     },
     linkText: {
       color: themeColor.LinkAccent,

package/src/components/PullRefresh/PullRefresh.tsx

@@ -66,6 +66,9 @@ export default function PullRefresh(props: RedsPullRefresh) {
   // 下拉组件的初始top值
   const [top, setTop] = useState<number>(-1000);
 
+  // 记录最后一次有效位移（与 pan 一致），刷新时保持稳定
+  const lastMoveHeightRef = useRef<number>(0);
+
   // 标记是否已经执行过初始刷新
   const [hasInitRefreshed, setHasInitRefreshed] = useState<boolean>(false);
 
@@ -107,8 +110,13 @@ export default function PullRefresh(props: RedsPullRefresh) {
     pan.flattenOffset();
     // @ts-ignore
     const panValue = pan._value;
+    const emitPullProgress = (distance: number) => {
+      const percent = pullAnimHeight > 0 ? (distance / pullAnimHeight) * 100 : 0;
+      props.onPullProgress?.({ distance, percent });
+    };
     // 拉动距离大于设定下拉高度
     if (panValue >= pullAnimHeight) {
+      emitPullProgress(pullAnimHeight);
       animatedTo(pullAnimHeight, () => {
         updatePullState(PullState.LOADING);
         // 如果有回调则调用，否则走默认内部流程（iOS 默认也支持）
@@ -126,8 +134,10 @@ export default function PullRefresh(props: RedsPullRefresh) {
       // 有拉动距离但是不够设定的下拉高度
     } else if (panValue > 0) {
       updatePullState(PullState.FINISH);
+      emitPullProgress(0);
       setMoveHeight(0);
       setMovePercent(0);
+      lastMoveHeightRef.current = 0;
       animatedTo(0, () => {
         setIsPulling(false);
         updatePullState(PullState.INIT);
@@ -138,8 +148,10 @@ export default function PullRefresh(props: RedsPullRefresh) {
     } else {
       updatePullState(PullState.INIT);
       setIsPulling(false);
+      emitPullProgress(0);
       setMoveHeight(0);
       setMovePercent(0);
+      lastMoveHeightRef.current = 0;
       pan.setValue(0);
       pan.flattenOffset();
     }
@@ -182,10 +194,8 @@ export default function PullRefresh(props: RedsPullRefresh) {
     }
     setAnimation(animation);
     animation.start(({ finished }: { finished: boolean }) => {
-      if (finished) {
-        cb && cb();
-        setAnimation(undefined);
-      }
+      cb && cb();
+      setAnimation(undefined);
     });
   };
 
@@ -253,6 +263,7 @@ export default function PullRefresh(props: RedsPullRefresh) {
         // @ts-ignore
         const offset = pan._offset;
         let value = Math.max(offset + gestureState.dy, 0);
+        const effectiveDistance = Math.max(offset + gestureState.dy / 2.2, 0);
         if (value > 0) {
           // 弹簧劲度系数
           pan.setValue(gestureState.dy / 2.2);
@@ -260,7 +271,13 @@ export default function PullRefresh(props: RedsPullRefresh) {
           pan.setValue(-offset);
         }
         setMoveHeight(value);
-        setMovePercent((value / pullAnimHeight) * 100);
+        const percent = (value / pullAnimHeight) * 100;
+        setMovePercent(percent);
+        lastMoveHeightRef.current = effectiveDistance;
+        props.onPullProgress?.({
+          distance: effectiveDistance,
+          percent: pullAnimHeight > 0 ? (effectiveDistance / pullAnimHeight) * 100 : 0,
+        });
         renderRefreshControl();
       },
       onPanResponderRelease: onRelease,
@@ -295,6 +312,7 @@ export default function PullRefresh(props: RedsPullRefresh) {
     // 加载中
     const effectiveRefreshing = !!props.isRefreshing || internalRefreshing;
     if (effectiveRefreshing === true && !isRefreshing) {
+      props.onPullProgress?.({ distance: pullAnimHeight, percent: 100 });
       animatedTo(pullAnimHeight);
       setIsRefreshing(true);
       updatePullState(PullState.LOADING);
@@ -310,6 +328,32 @@ export default function PullRefresh(props: RedsPullRefresh) {
           pan.flattenOffset();
           setMoveHeight(0);
           setMovePercent(0);
+          props.onPullProgress?.({ distance: 0, percent: 0 });
+          lastMoveHeightRef.current = 0;
+          animatedTo(0, () => {
+            setIsPulling(false);
+            updatePullState(PullState.INIT);
+            pan.setValue(0);
+            pan.flattenOffset();
+          });
+          updatePullState(PullState.FINISH);
+        }, props?.msHoldingTime ?? 1000),
+      );
+      setIsRefreshing(false);
+    }
+    // 滚动结束了但是还有下拉距离
+    if (effectiveRefreshing === false && pullState === PullState.FINISH) {
+      console.log("滚动结束了但是还有下拉距离");
+      setIsPulling(false);
+      updatePullState(PullState.HOLDING);
+      setPullTimeout(
+        //@ts-ignore
+        setTimeout(() => {
+          pan.flattenOffset();
+          setMoveHeight(0);
+          setMovePercent(0);
+          props.onPullProgress?.({ distance: 0, percent: 0 });
+          lastMoveHeightRef.current = 0;
           animatedTo(0, () => {
             setIsPulling(false);
             updatePullState(PullState.INIT);

package/src/components/PullRefresh/RefreshControl.tsx

@@ -0,0 +1,42 @@
+import React from "react";
+import { View, RefreshControl as RNRefreshControl } from "react-native";
+import { ProgressIndicator } from "../ProgressIndicator";
+
+interface IOSRefreshControlProps {
+  onRefresh: () => void;
+  refreshing: boolean;
+  progressViewOffset?: number;
+  height?: number;
+  style?: any;
+}
+const IOSRefreshControl = ({ onRefresh, refreshing, progressViewOffset, style }: IOSRefreshControlProps) => {
+  return (
+    <RNRefreshControl
+      refreshing={refreshing}
+      onRefresh={onRefresh}
+      progressViewOffset={progressViewOffset}
+      style={{ backgroundColor: "transparent" }}
+      tintColor="transparent" // 隐藏原生指示器
+    >
+      {refreshing && (
+        <View
+          style={{
+            position: "absolute",
+            top: 0,
+            left: 0,
+            right: 0,
+            zIndex: 1000,
+            alignItems: "center",
+            width: "100%",
+            justifyContent: "center",
+            ...style,
+          }}
+        >
+          <ProgressIndicator type={"refresh"} size={36} />
+        </View>
+      )}
+    </RNRefreshControl>
+  );
+};
+
+export default IOSRefreshControl;

package/src/components/PullRefresh/doc/index.mdx

@@ -29,6 +29,7 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
 | nativeAndroidPullRefresh | Android 使用原生 RefreshControl（仅 Android 生效）                                                      | boolean         | false     |
 | androidRefreshProps      | Android 原生 RefreshControl 配置（仅在开启原生下拉时生效），等同于 React Native RefreshControl 的 props | Object          | `{}`      |
 | androidColors            | Android 原生 RefreshControl 颜色（等同于 androidRefreshProps.colors）                                   | string[]        |           |
+| onPullProgress           | 下拉进度回调函数                                                                                        | any             |           |
 
 ### Events
 

package/src/components/PullRefresh/index.ts

@@ -1,4 +1,5 @@
 import PullRefresh from "./PullRefresh";
 import * as PullRefreshType from "./interface";
+import RefreshControl from "./RefreshControl";
 export default PullRefresh;
-export { PullRefresh, PullRefreshType };
+export { PullRefresh, PullRefreshType, RefreshControl };

package/src/components/PullRefresh/interface/index.ts

@@ -19,6 +19,7 @@ export interface RedsPullRefresh {
   nativeAndroidPullRefresh?: boolean;
   androidRefreshProps?: Object;
   androidColors?: string[];
+  onPullProgress?: any;
 }
 
 export enum PullState {

package/lib/cjs/_chunks/DRil9ukg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DRil9ukg.js","sources":["../../../src/components/Alert/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent, ViewStyle, TextStyle } from \"react-native\";\nimport { lightColor } from \"@xhsreds/reds-token-next\";\n\ninterface AlertOffset {\n  x: number;\n  y: number;\n}\nexport interface RedsAlert {\n  show?: boolean;\n  title?: string;\n  message?: string;\n  align?: \"left\" | \"center\" | string;\n  footerLayout?: \"horizontal\" | \"vertical\" | string;\n  showConfirmButton?: boolean;\n  showCancelButton?: boolean;\n  confirmText?: string;\n  cancelText?: string;\n  mask?: boolean;\n  footerType?: \"text\" | \"button\" | string;\n  children?: React.ReactNode;\n  footer?: React.ReactNode;\n  header?: React.ReactNode;\n  onConfirm?: (value: GestureResponderEvent) => void;\n  onCancel?: (value: GestureResponderEvent) => void;\n  onOpen?: () => void;\n  onClose?: () => void;\n  onMask?: (value: GestureResponderEvent) => void;\n  contentStyle?: ViewStyle;\n  cancelBtnStyle?: ViewStyle;\n  confirmBtnStyle?: ViewStyle;\n  footerStyle?: ViewStyle;\n  offset?: AlertOffset;\n  hostName?: string;\n  confirmBtnTextStyle?: TextStyle;\n  confirmBtnProps?: any;\n  cancelBtnProps?: any;\n}\n\nexport interface RedsAlertEvent {}\nexport const AlertDefaultProps = {\n  show: false,\n  align: \"center\",\n  footerLayout: \"horizontal\",\n  showConfirmButton: true,\n  showCancelButton: true,\n  mask: true,\n  footerType: \"button\",\n  contentStyle: {},\n  cancelBtnStyle: {},\n  confirmBtnStyle: {},\n  footerStyle: {},\n  offset: { x: 0, y: 0 },\n  hostName: \"root\",\n  confirmBtnTextStyle: {},\n  confirmBtnProps: {},\n  cancelBtnProps: {},\n};\n"],"names":["AlertDefaultProps","show","align","footerLayout","showConfirmButton","showCancelButton","mask","footerType","contentStyle","cancelBtnStyle","confirmBtnStyle","footerStyle","offset","x","y","hostName","confirmBtnTextStyle","confirmBtnProps","cancelBtnProps"],"mappings":";;AAuCO,IAAMA,iBAAoB,GAAA;AAC/BC,EAAAA,IAAM,EAAA,KAAA;AACNC,EAAAA,KAAO,EAAA,QAAA;AACPC,EAAAA,YAAc,EAAA,YAAA;AACdC,EAAAA,iBAAmB,EAAA,IAAA;AACnBC,EAAAA,gBAAkB,EAAA,IAAA;AAClBC,EAAAA,IAAM,EAAA,IAAA;AACNC,EAAAA,UAAY,EAAA,QAAA;EACZC,cAAc,EAAC;EACfC,gBAAgB,EAAC;EACjBC,iBAAiB,EAAC;EAClBC,aAAa,EAAC;AACdC,EAAAA,MAAQ,EAAA;AAAEC,IAAAA,CAAG,EAAA,CAAA;AAAGC,IAAAA,GAAG,CAAA;GAAE;AACrBC,EAAAA,QAAU,EAAA,MAAA;EACVC,qBAAqB,EAAC;EACtBC,iBAAiB,EAAC;AAClBC,EAAAA,gBAAgB,EAAC;AACnB;;;;;;;;;;"}