@xhsreds/reds-rn-next 0.11.1-web202512221520 → 0.11.2

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/src/components/Sheets/AnimatedSheets.tsx

@@ -200,10 +200,6 @@ const AnimatedSheets = forwardRef((props: RedsSheets, ref) => {
     // 适配底部bottom
     const isIos = Platform.OS === "ios";
     const SAFE_BOTTOM = getSafeAreaInsets().bottom;
-    let finalSafeBottom = SAFE_BOTTOM || isIos ? 34 : 20;
-    if (Platform.OS === "web") {
-      finalSafeBottom = 0;
-    }
     // 适配底部bottom
     let calculateHeight = 0;
     if (props.animatedSheetsSize === "fixed") {
@@ -236,7 +232,9 @@ const AnimatedSheets = forwardRef((props: RedsSheets, ref) => {
       childHeightRef.current = calculateHeight;
     }
     setSheetsHeight(
-      props.sheetsStyle?.backgroundColor === "transparent" ? calculateHeight : calculateHeight + finalSafeBottom,
+      props.sheetsStyle?.backgroundColor === "transparent"
+        ? calculateHeight
+        : calculateHeight + (SAFE_BOTTOM || (isIos ? 34 : 20)),
     );
   }, [actionHeight, labelHeight, childHeight, props.animatedSheetsSize, props.autoSize, size, screenHeight]);
 
@@ -418,8 +416,6 @@ const AnimatedSheets = forwardRef((props: RedsSheets, ref) => {
             },
             { zIndex: props.zIndex },
             props.sheetsStyle,
-            // @ts-expect-error
-            Platform.OS === "web" ? { position: "fixed", bottom: 0, left: 0, right: 0 } : {},
           ]}
         >
           {props.header ? <View onLayout={handleLabelLayout}>{props.header}</View> : <></>}

package/src/components/SlimAlert/Alert.tsx

@@ -1,13 +1,13 @@
 import React, { useEffect, useRef, useMemo } from "react";
-import { View, TouchableWithoutFeedback, Animated, ViewStyle } from "react-native";
+import { View, TouchableWithoutFeedback, Animated } from "react-native";
 import { RedsAlert, AlertDefaultProps } from "./interface";
-import PortalHost from "./PortalHost";
+import { Portal } from "../Portal";
 import { style } from "./styles";
 import useMounted from "../../pvCount/useUnmountedProcess";
 
-const Alert = (props: RedsAlert) => {
+const Alert: React.FC<RedsAlert> = (props) => {
   const finalProps = { ...AlertDefaultProps, ...props };
-  const { show, onOpen, onClose, mask } = finalProps;
+  const { show, onOpen, onClose, mask, hostName } = finalProps;
 
   const styles = style(props);
 
@@ -40,18 +40,16 @@ const Alert = (props: RedsAlert) => {
     });
   }, [props.children]);
   useMounted("Alert");
-
   return show ? (
-    <PortalHost hostName={props.hostName}>
+    <Portal hostName={hostName}>
       {mask && (
         <TouchableWithoutFeedback>
-          <View style={[styles.modalOverlay, { position: props.hostName ? "absolute" : "fixed" } as ViewStyle]} />
+          <View style={styles.modalOverlay} />
         </TouchableWithoutFeedback>
       )}
       <Animated.View
         style={[
           styles.centeredView,
-          { position: props.hostName ? "absolute" : "fixed" } as ViewStyle,
           {
             transform: [
               {
@@ -69,7 +67,7 @@ const Alert = (props: RedsAlert) => {
           {footer}
         </View>
       </Animated.View>
-    </PortalHost>
+    </Portal>
   ) : null;
 };
 

package/src/components/Tag/Tag.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useMemo, useImperativeHandle, forwardRef, memo, FunctionComponent } from "react";
-import { View, Text, StyleSheet, GestureResponderEvent, TouchableNativeFeedback, Platform } from "react-native";
+import { View, Text, StyleSheet, GestureResponderEvent, TouchableNativeFeedback } from "react-native";
 import { RedsTag, TagDefaultProps } from "./interface";
 import { lightColor, typography, alwaysColor } from "@xhs/reds-token-next";
 import { useThemeColor } from "../ConfigProvider";
@@ -81,8 +81,6 @@ const getSizeStyles = (icon: any, afterIcon: any, size: string) => {
   return sizeStyles[size || "medium"];
 };
 
-const TouchableStyles = Platform.OS === "web" ? { border: "none" } : {};
-
 const getTextSizeStyles = (icon: any, afterIcon: any, size: string) => {
   const sizeStyles = {
     mini: {
@@ -199,8 +197,7 @@ const Tag: FunctionComponent<RedsTag> = memo(
 
     return (
       <View style={[styles.tag, tagStyle, props.style]}>
-        {/* @ts-expect-error */}
-        <TouchableNativeFeedback disabled={disabled} onPress={onClick} style={TouchableStyles}>
+        <TouchableNativeFeedback disabled={disabled} onPress={onClick}>
           <View style={{ flexDirection: "row", alignItems: "center" }}>
             {icon && (
               <View style={{ marginRight: 3, flexDirection: "row", alignItems: "center", height: "100%" }}>{icon}</View>
@@ -220,8 +217,7 @@ const Tag: FunctionComponent<RedsTag> = memo(
           </View>
         </TouchableNativeFeedback>
         {closeabled && (
-          // @ts-expect-error
-          <TouchableNativeFeedback onPress={handleClose} style={{ marginLeft: 3 }} style={TouchableStyles}>
+          <TouchableNativeFeedback onPress={handleClose} style={{ marginLeft: 3 }}>
             {closeIcon}
           </TouchableNativeFeedback>
         )}

package/src/components/TextField/TextField.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useRef, useMemo, useEffect, useCallback, forwardRef, useImperativeHandle } from "react";
-import { View, TextInput, Text, ColorValue, TextStyle } from "react-native";
+import { View, TextInput, Text, ColorValue } from "react-native";
 import { RedsTextField, TextFieldDefaultProps } from "./interface";
 import createStyles from "./styles";
 import runes from "runes";
@@ -122,10 +122,7 @@ const TextField = forwardRef(
     }, [modelValue, isControl]);
 
     useEffect(() => {
-      const newShowClear = clearable && focused && value.length > 0;
-      if (newShowClear !== showClear) {
-        setShowClear(newShowClear);
-      }
+      setShowClear(clearable && focused && value.length > 0);
     }, [clearable, focused, value]);
 
     const CloseClear = useMemo(() => {
@@ -140,18 +137,6 @@ const TextField = forwardRef(
       textInputRef: inputRef,
     }));
 
-    const ClearIcon = useMemo(() => {
-      return (
-        <View
-          style={[styles.rightItem, { display: showClear ? "flex" : "none" }]}
-          testID="clear-icon"
-          {...clearAccessibility}
-        >
-          <Icon icon={CloseClear} onClick={handleClear} size={20} type={IconType.iconType?.image} />
-        </View>
-      );
-    }, [showClear, handleClear, clearAccessibility]);
-
     return (
       <View style={[isFormItem ? {} : styles.wrapper, style]}>
         <View style={[styles.container, styles.centerItem]}>
@@ -160,7 +145,7 @@ const TextField = forwardRef(
             <TextInput
               testID="text-input"
               ref={inputRef}
-              style={[styles.input, inputStyle, { outline: "none" } as TextStyle]}
+              style={[styles.input, inputStyle]}
               value={value}
               autoFocus={autofocus}
               onChangeText={updateValue}
@@ -191,7 +176,11 @@ const TextField = forwardRef(
               </Text>
             )}
           </View>
-          {ClearIcon}
+          {showClear && (
+            <View style={styles.rightItem} testID="clear-icon" {...clearAccessibility}>
+              <Icon icon={CloseClear} onClick={handleClear} size={20} type={IconType.iconType?.image} />
+            </View>
+          )}
           {showCount && maxLength && (
             <View style={styles.rightItem}>
               <Text style={[styles.count, maxLengthStyle]}>{`${runes(value).length}/${maxLength}`}</Text>

package/src/components/TextView/TextView.tsx

@@ -1,14 +1,5 @@
 import { useState, useRef, useEffect, useCallback, useMemo, forwardRef, useImperativeHandle } from "react";
-import {
-  TextInput,
-  View,
-  Text,
-  TouchableWithoutFeedback,
-  ColorValue,
-  Keyboard,
-  Platform,
-  TextStyle,
-} from "react-native";
+import { TextInput, View, Text, TouchableWithoutFeedback, ColorValue, Keyboard, Platform } from "react-native";
 import { TextViewDefaultProps, RedsTextView } from "./interface";
 import createStyles from "./styles";
 import runes from "runes";
@@ -156,7 +147,7 @@ const TextField = forwardRef((props: RedsTextView, ref) => {
       <TextInput
         testID="text-input"
         ref={inputRef}
-        style={[styles.input, { minHeight: rows * 24, height: "auto", outline: "none" } as TextStyle, style]}
+        style={[styles.input, { minHeight: rows * 24, height: "auto" }, style]}
         value={value}
         onChangeText={handleChangeText}
         onFocus={handleFocus}
@@ -182,10 +173,7 @@ const TextField = forwardRef((props: RedsTextView, ref) => {
           )}
           {showClear && modelValueStringLength && focused && (
             <View style={styles.rightItem}>
-              <TouchableWithoutFeedback
-                onPress={handleClear}
-                onPressOut={Platform.OS === "web" ? handleClear : undefined}
-              >
+              <TouchableWithoutFeedback onPress={handleClear}>
                 <View style={styles.clearIconContainer}>
                   <Text style={styles.clearIcon}>清空</Text>
                 </View>

package/src/components/Toast/Toast.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useMemo } from "react";
-import { Animated, View, Text, Platform } from "react-native";
+import { Animated, View, Text } from "react-native";
 import { Icon, IconType } from "../Icon/index";
 import Button from "../Button/index";
 import ProgressIndicator from "../ProgressIndicator/index";
@@ -85,7 +85,7 @@ const ToastContainer = (p: RedsToast) => {
   return (
     <Animated.View
       style={[styles.ToastContainer, { opacity: fadeAnim.current }]}
-      pointerEvents={mask || Platform.OS === "web" ? undefined : "none"}
+      pointerEvents={mask ? undefined : "none"}
     >
       {/** @ts-ignore */}
       <View style={[getContainerStyle(props), { backgroundColor: themeColor.Fill5 }]}>

package/src/i18n/@types/resources.d.ts

@@ -1,32 +1,32 @@
 interface Resources {
   componentKey: {
-    sureKey: "Confirm";
-    satisfyKey: "Satisfy";
-    confirmKey: "Confirm";
-    uploadingKey: "Uploading";
-    resetKey: "Reset";
-    NoDataKey: "No data available at the moment";
-    liveStreamingKey: "live";
-    generallyKey: "Generally";
-    uploadFailedKey: "Upload failed";
-    submitKey: "Submit";
-    requestSuccessfulKey: "Request successful";
-    cancelKey: "Cancel";
-    PullDownToRefreshKey: "Pull down to refresh";
-    selectAllKey: "SelectAll";
-    requestDataKey: "Request data";
-    closeKey: "Close";
-    veryBadKey: "Very bad";
-    searchKey: "Search";
-    expandKey: "Expand";
-    IDCardPhotoKey: "ID card photo";
-    finishKey: "Finish";
-    surpriseKey: "Surprise";
-    releaseRefreshKey: "Release refresh";
-    nationalEmblemSideOfIDCardKey: "National emblem side of ID card";
-    buttonKey: "Button";
-    jumpKey: "Jump";
-    disappointmentKey: "Disappointment";
+    sureKey: "確定";
+    satisfyKey: "滿意";
+    confirmKey: "確認";
+    uploadingKey: "上傳中";
+    resetKey: "重置";
+    NoDataKey: "暫無數據";
+    liveStreamingKey: "直播";
+    generallyKey: "一般";
+    uploadFailedKey: "上傳失敗";
+    submitKey: "提交";
+    requestSuccessfulKey: "請求成功";
+    cancelKey: "取消";
+    PullDownToRefreshKey: "下拉重繪";
+    selectAllKey: "全選";
+    requestDataKey: "請求數據中";
+    closeKey: "收起";
+    veryBadKey: "極差";
+    searchKey: "蒐索";
+    expandKey: "展開";
+    IDCardPhotoKey: "身份證人像面";
+    finishKey: "完成";
+    surpriseKey: "驚喜";
+    releaseRefreshKey: "鬆開重繪";
+    nationalEmblemSideOfIDCardKey: "身份证国徽面";
+    buttonKey: "按鈕";
+    jumpKey: "跳轉";
+    disappointmentKey: "失望";
   };
 }
 export default Resources;

package/src/i18n/index.json

@@ -1,4 +1,35 @@
 {
+  "zh_tw": {
+    "componentKey": {
+      "sureKey": "確定",
+      "satisfyKey": "滿意",
+      "confirmKey": "確認",
+      "uploadingKey": "上傳中",
+      "resetKey": "重置",
+      "NoDataKey": "暫無數據",
+      "liveStreamingKey": "直播",
+      "generallyKey": "一般",
+      "uploadFailedKey": "上傳失敗",
+      "submitKey": "提交",
+      "requestSuccessfulKey": "請求成功",
+      "cancelKey": "取消",
+      "PullDownToRefreshKey": "下拉重繪",
+      "selectAllKey": "全選",
+      "requestDataKey": "請求數據中",
+      "closeKey": "收起",
+      "veryBadKey": "極差",
+      "searchKey": "蒐索",
+      "expandKey": "展開",
+      "IDCardPhotoKey": "身份證人像面",
+      "finishKey": "完成",
+      "surpriseKey": "驚喜",
+      "releaseRefreshKey": "鬆開重繪",
+      "nationalEmblemSideOfIDCardKey": "身份证国徽面",
+      "buttonKey": "按鈕",
+      "jumpKey": "跳轉",
+      "disappointmentKey": "失望"
+    }
+  },
   "en_us": {
     "componentKey": {
       "sureKey": "Confirm",
@@ -60,36 +91,5 @@
       "jumpKey": "跳转",
       "disappointmentKey": "失望"
     }
-  },
-  "zh_tw": {
-    "componentKey": {
-      "sureKey": "確定",
-      "satisfyKey": "滿意",
-      "confirmKey": "確認",
-      "uploadingKey": "上傳中",
-      "resetKey": "重置",
-      "NoDataKey": "暫無數據",
-      "liveStreamingKey": "直播",
-      "generallyKey": "一般",
-      "uploadFailedKey": "上傳失敗",
-      "submitKey": "提交",
-      "requestSuccessfulKey": "請求成功",
-      "cancelKey": "取消",
-      "PullDownToRefreshKey": "下拉重繪",
-      "selectAllKey": "全選",
-      "requestDataKey": "請求數據中",
-      "closeKey": "收起",
-      "veryBadKey": "極差",
-      "searchKey": "蒐索",
-      "expandKey": "展開",
-      "IDCardPhotoKey": "身份證人像面",
-      "finishKey": "完成",
-      "surpriseKey": "驚喜",
-      "releaseRefreshKey": "鬆開重繪",
-      "nationalEmblemSideOfIDCardKey": "身份证国徽面",
-      "buttonKey": "按鈕",
-      "jumpKey": "跳轉",
-      "disappointmentKey": "失望"
-    }
   }
 }

package/tsconfig.dts.json

@@ -3,7 +3,7 @@
     "declaration": true,
     "emitDeclarationOnly": true,
     "jsx": "react-native",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": ["esnext"],
     "target": "ESNext",
     "esModuleInterop": true,
     "rootDirs": ["./src/components/"],

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;;;;;;;;;;"}