@xhsreds/reds-rn-next 0.11.1-beta202601161832 → 0.11.1-beta202601191704

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

@@ -1,10 +1,10 @@
-import { a as _objectSpread2 } from '../../_chunks/BcGvf0Pc.js';
 import { StyleSheet } from 'react-native';
 import { alwaysColor } from '@xhsreds/reds-token-next';
 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 '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 
 var style = function style(props) {
@@ -67,81 +67,39 @@ var style = function style(props) {
     },
     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,
+      paddingHorizontal: 20,
+      height: props.showCancelButton && props.showConfirmButton ? props.cancelBtnProps.variant === "text" ? 82 : 100 : 56
     },
     dividerBox: {
       marginTop: 5
     },
+    cancelButton: {
+      flex: 1,
+      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
+    },
     confirmButton: {
       flex: 1,
-      margin: 0,
-      marginLeft: props.footerLayout === "horizontal" && !props.showCancelButton ? 0 : 10,
-      width: 109,
-      // height: 36,
-      paddingHorizontal: 20
+      width: "100%",
+      height: props.footerType === "text" ? 52 : 36
     },
     confirmButtonText: {
       fontSize: props.footerType === "text" ? typography.T2FontSize : typography.T3FontSize
     },
-    verButton: {
-      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
-    },
-    verCancelButton: _objectSpread2(_objectSpread2({
-      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
-    }, props.cancelBtnProps.variant === "text" ? {
-      height: 20,
-      marginTop: 0,
-      marginBottom: 14
-    } : {}), {}, {
-      paddingHorizontal: 20
-    }),
     cancelText: {
       color: themeColor.Description,
       fontSize: props.cancelBtnProps.variant === "text" ? 12 : props.footerType === "text" ? typography.T2FontSize : typography.T3FontSize,

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

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

package/lib/esm/components/Radio/Radio.js

@@ -67,7 +67,7 @@ import '../Picker/Picker.js';
 import '../../_chunks/3fnqPSWW.js';
 import '../Picker/api.js';
 import '../Alert/Alert.js';
-import '../../_chunks/BP2FxtYY.js';
+import '../../_chunks/CNx6YBDL.js';
 import '../Alert/hooks/alert.js';
 import '../FAB/FAB.js';
 import '../../_chunks/D22mAc_y.js';

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

@@ -129,7 +129,7 @@ import '../Sheets/api.js';
 import '../../_chunks/DcCfwG0m.js';
 import '../Picker/api.js';
 import '../Alert/Alert.js';
-import '../../_chunks/BP2FxtYY.js';
+import '../../_chunks/CNx6YBDL.js';
 import '../Alert/styles.js';
 import '../Alert/hooks/alert.js';
 import '../FAB/FAB.js';

package/lib/esm/index.js

@@ -61,7 +61,7 @@ export { default as Picker } from './components/Picker/Picker.js';
 export { i as PickerType } from './_chunks/3fnqPSWW.js';
 export { usePicker } from './components/Picker/api.js';
 export { default as Alert } from './components/Alert/Alert.js';
-export { i as AlertType } from './_chunks/BP2FxtYY.js';
+export { i as AlertType } from './_chunks/CNx6YBDL.js';
 export { default as alert } from './components/Alert/hooks/alert.js';
 export { default as FAB } from './components/FAB/FAB.js';
 export { i as FABType } from './_chunks/D22mAc_y.js';

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

@@ -34,6 +34,7 @@ export interface RedsAlert {
     cancelBtnTextStyle?: TextStyle;
     confirmBtnProps?: any;
     cancelBtnProps?: any;
+    style?: any;
 }
 export interface RedsAlertEvent {
 }
@@ -58,5 +59,6 @@ export declare const AlertDefaultProps: {
     cancelBtnTextStyle: {};
     confirmBtnProps: {};
     cancelBtnProps: {};
+    style: {};
 };
 export {};

package/lib/src/components/Alert/styles.d.ts

@@ -60,66 +60,34 @@ export declare const style: (props: RedsAlert) => {
         justifyContent: "space-between";
         paddingTop: number;
     };
-    footerText: {
-        borderTopWidth: number;
-        borderTopColor: string;
-        paddingBottom: number;
-        paddingTop: number;
-        paddingHorizontal: number;
-    };
     footerHorizontal: {
         flexDirection: "row";
+        paddingBottom: number;
         paddingHorizontal: number;
-        paddingVertical: number;
+        gap: number;
     };
     footerVertical: {
         flexDirection: "column-reverse";
         alignItems: "center";
         paddingHorizontal: number;
-    };
-    cancelButton: {
-        flex: number;
-        width: number;
-        margin: number;
-        paddingHorizontal: number;
-    };
-    button: {
-        flex: number;
-        width: number;
-        margin: number;
-        paddingHorizontal: number;
+        height: number;
     };
     dividerBox: {
         marginTop: number;
     };
-    confirmButton: {
+    cancelButton: {
         flex: number;
-        margin: number;
-        marginLeft: number;
-        width: number;
-        paddingHorizontal: number;
-    };
-    confirmButtonText: {
-        fontSize: any;
+        height: number;
+        alignItems: "center" | "flex-start";
+        paddingTop: number;
     };
-    verButton: {
+    confirmButton: {
         flex: number;
         width: "100%";
-        margin: number;
-        marginLeft: number;
-        marginTop: number;
-        marginBottom: number;
-        paddingHorizontal: number;
+        height: number;
     };
-    verCancelButton: {
-        paddingHorizontal: number;
-        height?: number;
-        marginTop: number;
-        marginBottom: number;
-        flex: number;
-        width: "100%";
-        margin: number;
-        marginLeft: number;
+    confirmButtonText: {
+        fontSize: any;
     };
     cancelText: {
         color: string;

package/lib/types/components/Alert/interface/index.d.ts

@@ -34,6 +34,7 @@ export interface RedsAlert {
     cancelBtnTextStyle?: TextStyle;
     confirmBtnProps?: any;
     cancelBtnProps?: any;
+    style?: any;
 }
 export interface RedsAlertEvent {
 }
@@ -58,5 +59,6 @@ export declare const AlertDefaultProps: {
     cancelBtnTextStyle: {};
     confirmBtnProps: {};
     cancelBtnProps: {};
+    style: {};
 };
 export {};

package/lib/types/components/Alert/styles.d.ts

@@ -60,66 +60,34 @@ export declare const style: (props: RedsAlert) => {
         justifyContent: "space-between";
         paddingTop: number;
     };
-    footerText: {
-        borderTopWidth: number;
-        borderTopColor: string;
-        paddingBottom: number;
-        paddingTop: number;
-        paddingHorizontal: number;
-    };
     footerHorizontal: {
         flexDirection: "row";
+        paddingBottom: number;
         paddingHorizontal: number;
-        paddingVertical: number;
+        gap: number;
     };
     footerVertical: {
         flexDirection: "column-reverse";
         alignItems: "center";
         paddingHorizontal: number;
-    };
-    cancelButton: {
-        flex: number;
-        width: number;
-        margin: number;
-        paddingHorizontal: number;
-    };
-    button: {
-        flex: number;
-        width: number;
-        margin: number;
-        paddingHorizontal: number;
+        height: number;
     };
     dividerBox: {
         marginTop: number;
     };
-    confirmButton: {
+    cancelButton: {
         flex: number;
-        margin: number;
-        marginLeft: number;
-        width: number;
-        paddingHorizontal: number;
-    };
-    confirmButtonText: {
-        fontSize: any;
+        height: number;
+        alignItems: "center" | "flex-start";
+        paddingTop: number;
     };
-    verButton: {
+    confirmButton: {
         flex: number;
         width: "100%";
-        margin: number;
-        marginLeft: number;
-        marginTop: number;
-        marginBottom: number;
-        paddingHorizontal: number;
+        height: number;
     };
-    verCancelButton: {
-        paddingHorizontal: number;
-        height?: number | undefined;
-        marginTop: number;
-        marginBottom: number;
-        flex: number;
-        width: "100%";
-        margin: number;
-        marginLeft: number;
+    confirmButtonText: {
+        fontSize: any;
     };
     cancelText: {
         color: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xhsreds/reds-rn-next",
-  "version": "0.11.1-beta202601161832",
+  "version": "0.11.1-beta202601191704",
   "author": "贾斌(呀哈) <jiabin@xiaohongshu.com>",
   "license": "ISC",
   "dependencies": {
@@ -27,7 +27,7 @@
     "react-native-svg": "13.14.0",
     "@xhs/react-native-harmony": "*",
     "@xhs/reds-components": "*",
-    "@xhsreds/reds-token-next": "0.11.0"
+    "@xhsreds/reds-token-next": "0.11.1-beta202601191704"
   },
   "peerDependenciesMeta": {
     "ozone-schema-web": {

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 };
@@ -143,6 +72,7 @@ const Alert: React.FC<RedsAlert> = (props) => {
     if (onCancel) onCancel(e);
   };
   useMounted("Alert");
+
   return show ? (
     <Portal hostName={hostName}>
       <View style={styles.centeredView}>
@@ -165,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>
@@ -189,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,
                 ]}
               >
@@ -198,7 +128,7 @@ 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"}
@@ -212,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
@@ -223,8 +153,7 @@ 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={[styles.confirmButtonText, confirmBtnTextStyle]}

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

@@ -36,6 +36,7 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
 | cancelBtnTextStyle  | cancelBtnTextStyle                     | TextStyle                                    | `{}`            |
 | confirmBtnProps     | confirmBtnProps                        | any                                          | `{}`            |
 | cancelBtnProps      | cancelBtnProps                         | any                                          | `{}`            |
+| style               | style                                  | any                                          | `{}`            |
 
 ### Events
 

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

@@ -35,6 +35,7 @@ export interface RedsAlert {
   cancelBtnTextStyle?: TextStyle;
   confirmBtnProps?: any;
   cancelBtnProps?: any;
+  style?: any;
 }
 
 export interface RedsAlertEvent {}
@@ -56,4 +57,5 @@ export const AlertDefaultProps = {
   cancelBtnTextStyle: {},
   confirmBtnProps: {},
   cancelBtnProps: {},
+  style: {},
 };

package/src/components/Alert/styles.ts

@@ -64,77 +64,40 @@ export const style = (props: RedsAlert) => {
     },
     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,
     },
+    cancelButton: {
+      flex: 1,
+      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,
+    },
     confirmButton: {
       flex: 1,
-      margin: 0,
-      marginLeft: props.footerLayout === "horizontal" && !props.showCancelButton ? 0 : 10,
-      width: 109,
-      // height: 36,
-      paddingHorizontal: 20,
+      width: "100%",
+      height: props.footerType === "text" ? 52 : 36,
     },
     confirmButtonText: {
       fontSize: props.footerType === "text" ? typography.T2FontSize : typography.T3FontSize,
     },
-    verButton: {
-      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,
-    },
-    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,
-      ...(props.cancelBtnProps.variant === "text" ? { height: 20, marginTop: 0, marginBottom: 14 } : {}),
-      paddingHorizontal: 20,
-    },
     cancelText: {
       color: themeColor.Description,
       fontSize: