@xhsreds/reds-rn-next 0.8.4-fix-image-callbacks202510011434 → 0.9.0

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

@@ -44,26 +44,27 @@ declare const createStyles: () => {
     listItem: {
         display: "flex";
         flexDirection: "column";
-        paddingVertical: number;
         paddingLeft: number;
     };
     expand: {};
     prefix: {
         marginRight: number;
         marginLeft: number;
+        paddingVertical: number;
     };
     content: {
         display: "flex";
         flexDirection: "row";
-        alignItems: "center";
+        alignItems: "flex-start";
         justifyContent: "flex-start";
     };
     contentBox: {
         flex: number;
+        alignItems: "center";
+        justifyContent: "center";
     };
     contentContainer: {
         flexDirection: "row";
-        alignItems: "center";
         justifyContent: "space-between";
         width: "100%";
     };
@@ -79,7 +80,6 @@ declare const createStyles: () => {
     title: {
         fontSize: any;
         fontWeight: any;
-        lineHeight: any;
         color: string;
     };
     subtitle: {
@@ -87,6 +87,7 @@ declare const createStyles: () => {
         color: string;
         lineHeight: any;
         fontWeight: any;
+        marginTop: number;
     };
     tail: {
         marginRight: number;
@@ -100,15 +101,17 @@ declare const createStyles: () => {
         color: string;
     };
     hr: {
-        borderTopWidth: number;
-        borderTopColor: string;
+        borderBottomWidth: number;
         width: "100%";
-        alignSelf: "stretch";
-        position: "relative";
+        borderBottomColor: string;
     };
     icon: {
         width: number;
         height: number;
     };
+    badge: {
+        height: "100%";
+        width: number;
+    };
 };
 export default createStyles;

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

@@ -6,7 +6,6 @@ declare const _default: (themeColor: any) => {
         boxSizing: string;
         display: "flex";
         flexDirection: "row";
-        alignItems: "center";
     };
     textWrapper: {
         flex: number;

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

@@ -11,6 +11,7 @@ export interface RedsPicker {
     visible: boolean;
     accessibility?: Object;
     hostName?: string;
+    bottom?: any;
 }
 export interface RedsPickerEvent {
 }

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

@@ -17,8 +17,8 @@ declare const createStyles: () => {
     };
     percentText: {
         color: string;
-        fontSize: number;
-        lineHeight: number;
+        fontSize: any;
+        textAlign: "center";
     };
 };
 export default createStyles;

package/lib/src/components/PullRefresh/PullRefresh.d.ts

@@ -9,6 +9,8 @@ declare namespace PullRefresh {
         msHoldingTime: number;
         isRefreshing: boolean;
         showText: boolean;
+        initRefresh: boolean;
+        refresh: boolean;
     };
 }
 export default PullRefresh;

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

@@ -14,6 +14,8 @@ export interface RedsPullRefresh {
     controlStyle?: ViewStyle;
     onRequest?: () => void;
     showText?: boolean;
+    initRefresh?: boolean;
+    refresh?: boolean;
 }
 export declare enum PullState {
     INIT = 0,// 初始化
@@ -31,4 +33,6 @@ export declare const PullRefreshDefaultProps: {
     msHoldingTime: number;
     isRefreshing: boolean;
     showText: boolean;
+    initRefresh: boolean;
+    refresh: boolean;
 };

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

@@ -49,6 +49,7 @@ export interface RedsSearch {
     onSearchClick?: (value: string) => any;
     onAdditionalIconsClick?: () => any;
     onButtonTextClick?: (value: string) => any;
+    suffix?: any;
 }
 export declare const SearchDefaultProps: {
     modelValue: string;

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

@@ -83,5 +83,10 @@ declare const createStyles: () => {
         width: number;
         height: number;
     };
+    clearable: {
+        width: number;
+        height: number;
+        marginRight: number;
+    };
 };
 export default createStyles;

package/lib/src/components/Sheets/Sheets.d.ts

@@ -9,10 +9,10 @@ declare const Sheets: {
         sheetsType: SheetsType;
         cancel: boolean;
         close: boolean;
-        zIndex: number;
-        cancelType: SheetsActionType; /**
+        zIndex: number; /**
          * 关闭Sheets
          */
+        cancelType: SheetsActionType;
         closeType: SheetsActionType;
         iconType: SheetsIconType;
         size: SheetsSize;
@@ -23,12 +23,12 @@ declare const Sheets: {
         onCancel: () => void;
         onConfirm: () => void;
         onAnimatedOut: () => void;
-        /** icon wrapper */
         isMaskClose: boolean;
         visible: boolean;
         onImmediateCancel: () => void;
         onImmediateConfirm: () => void;
         avoidSheetsMove: boolean;
+        headlerLayout: string;
     };
 };
 export default Sheets;

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

@@ -56,6 +56,7 @@ export interface RedsSheets {
     onImmediateCancel?: () => void;
     onImmediateConfirm?: () => void;
     avoidSheetsMove?: boolean;
+    headlerLayout?: "center" | "left";
 }
 export interface RedsSheetsEvent {
 }
@@ -83,4 +84,5 @@ export declare const SheetsDefaultProps: {
     onImmediateCancel: () => void;
     onImmediateConfirm: () => void;
     avoidSheetsMove: boolean;
+    headlerLayout: string;
 };

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

@@ -34,6 +34,17 @@ declare const styles: {
         borderTopLeftRadius: number;
         borderTopRightRadius: number;
     };
+    leftLabelContainer: {
+        display: "flex";
+        justifyContent: "flex-start";
+        alignItems: "center";
+        flexDirection: "row";
+        height: number;
+        paddingLeft: number;
+        paddingRight: number;
+        borderTopLeftRadius: number;
+        borderTopRightRadius: number;
+    };
     cancel: {
         fontSize: number;
         fontWeight: "400";
@@ -76,6 +87,7 @@ declare const styles: {
         alignItems: "center";
         flexDirection: "row";
         width: "100%";
+        paddingHorizontal: number;
     };
     action: {
         flex: number;

package/lib/src/components/Skeleton/Item/SkeletonItem.d.ts

@@ -6,6 +6,7 @@ declare const SkeletonItem: {
         type: string;
         animation: boolean;
         loading: boolean;
+        borderRadius: number;
     };
 };
 export default SkeletonItem;

package/lib/src/components/Skeleton/Item/SkeletonItem69.d.ts

@@ -6,6 +6,7 @@ declare const SkeletonItem: {
         type: string;
         animation: boolean;
         loading: boolean;
+        borderRadius: number;
     };
 };
 export default SkeletonItem;

package/lib/src/components/Skeleton/Item/interface/index.d.ts

@@ -5,10 +5,12 @@ export interface RedsSkeletonItem {
     animation?: boolean;
     loading?: boolean;
     color?: string;
+    borderRadius?: number;
 }
 export declare const SkeletonItemDefaultProps: {
     type: string;
     animation: boolean;
     loading: boolean;
+    borderRadius: number;
 };
 export {};

package/lib/src/components/Skeleton/index.d.ts

@@ -14,6 +14,7 @@ declare const SkeletonItemComponent: {
         type: string;
         animation: boolean;
         loading: boolean;
+        borderRadius: number;
     };
 };
 export default SkeletonComponent;

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

@@ -29,7 +29,8 @@ export declare const enum TabThemeType {
 export declare const enum TabLayoutType {
     left = "left",
     middle = "middle",
-    space = "space"
+    space = "space",
+    right = "right"
 }
 export interface RedsTab {
     theme?: TabThemeType;

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

@@ -18,6 +18,11 @@ declare const createStyles: (props: RedsTab) => {
         flexDirection: "row";
         justifyContent: "flex-start";
     };
+    tabRightContainer: {
+        flex: number;
+        flexDirection: "row";
+        justifyContent: "flex-end";
+    };
     tabSpaceContainer: {
         width: "100%";
         flexDirection: "row";

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

@@ -36,13 +36,11 @@ declare const createStyles: () => {
         fontSize: any;
         fontWeight: any;
         opacity: number;
-        marginTop: number;
     };
     activeIconText: {
         fontSize: any;
         fontWeight: any;
         opacity: number;
-        marginTop: number;
     };
 };
 export default createStyles;

package/lib/src/components/Text/hooks/cloneContainer.d.ts

@@ -1,7 +1,9 @@
 import { TextStyle } from "react-native";
 import React from "react";
-export declare const CloneContainer: ({ text, textStyle, onTextLayout, }: {
+export declare const CloneContainer: ({ text, textStyle, onTextLayout, isRenderEmoji, setLines, }: {
     text?: string;
     textStyle: TextStyle;
     onTextLayout?: (e: any) => void;
+    isRenderEmoji?: boolean;
+    setLines?: any;
 }) => React.JSX.Element;

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

@@ -5,6 +5,7 @@ declare const createStyles: (disabled: boolean, actionLayout: "horizontal" | "ve
         paddingVertical: number;
         paddingHorizontal: number;
         backgroundColor: string;
+        position: "relative";
     };
     container: {
         display: "flex";
@@ -67,6 +68,9 @@ declare const createStyles: (disabled: boolean, actionLayout: "horizontal" | "ve
         marginTop: number;
         justifyContent: "flex-end";
         alignItems: "center";
+        bottom: number;
+        position: "absolute";
+        right: number;
     };
 };
 export default createStyles;

package/lib/src/components/Uploader/Uploader.d.ts

@@ -10,6 +10,7 @@ declare const Uploader: {
         type: UploaderType;
         size: import("./interface/index").UploaderSize;
         disable: boolean;
+        isFormItem: boolean;
     };
 };
 export default Uploader;

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

@@ -1,11 +1,61 @@
 export declare const enum UploaderType {
     IDENTITY = "identity",
-    NORMAL = "normal"
+    NORMAL = "normal",
+    HKPassport = "HKPassport",
+    Passport = "Passport",
+    BussinessLicense = "BussinessLicense"
 }
 export declare const enum UploaderSize {
     NORMAL = "normal",
     LARGE = "large"
 }
+export declare const UploadImage: {
+    identity: string[];
+    HKPassport: string[];
+    Passport: string[];
+    normal: string[];
+    BussinessLicense: string[];
+};
+export declare const UploadImageStyle: {
+    identity: {
+        width: number;
+        height: number;
+    };
+    HKPassport: {
+        width: number;
+        height: number;
+    };
+    Passport: {
+        width: number;
+        height: number;
+    };
+    BussinessLicense: {
+        width: number;
+        height: number;
+    };
+    normal: {
+        width: number;
+        height: number;
+    };
+};
+export declare const UploadContainerStyle: {
+    identity: {
+        height: number;
+    };
+    HKPassport: {
+        height: number;
+    };
+    Passport: {
+        height: number;
+    };
+    BussinessLicense: {
+        height: number;
+    };
+    normal: {
+        width: number;
+        height: number;
+    };
+};
 export type Status = "initial" | "uploading" | "failed" | "success";
 export type File = {
     height: number;
@@ -44,6 +94,7 @@ export interface RedsUploader {
     onDelete?: (value: UploaderFileListItem, file: UploaderFileListItem[]) => void;
     onOversize?: (value: UploaderFileListItem[]) => void;
     invoke: (method: string, params: any) => any;
+    isFormItem?: boolean;
 }
 export interface RedsUploaderEvent {
 }
@@ -55,4 +106,5 @@ export declare const UploaderDefaultProps: {
     type: UploaderType;
     size: UploaderSize;
     disable: boolean;
+    isFormItem: boolean;
 };

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

@@ -4,7 +4,6 @@ declare const getStyles: (props: RedsActionablePopover, themeTypography: any, th
         fontWeight: any;
         fontSize: any;
         color: any;
-        maxWidth: number;
     };
     container: {
         backgroundColor: any;
@@ -14,6 +13,12 @@ declare const getStyles: (props: RedsActionablePopover, themeTypography: any, th
         flexDirection: "row";
         borderRadius: number;
     };
+    spaceBetween: {
+        display: "flex";
+        alignItems: "center";
+        flexDirection: "row";
+        justifyContent: "space-between";
+    };
     image: {
         width: number;
         height: number;
@@ -23,8 +28,9 @@ declare const getStyles: (props: RedsActionablePopover, themeTypography: any, th
         marginLeft: number;
     };
     check: {
-        marginLeft: number;
         marginRight: number;
+        width: number;
+        height: number;
     };
     normalLabelLeft: {
         paddingLeft: number;

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

@@ -31,6 +31,8 @@ export interface RedsAlert {
     offset?: AlertOffset;
     hostName?: string;
     confirmBtnTextStyle?: TextStyle;
+    confirmBtnProps?: any;
+    cancelBtnProps?: any;
 }
 export interface RedsAlertEvent {
 }
@@ -52,5 +54,7 @@ export declare const AlertDefaultProps: {
     };
     hostName: string;
     confirmBtnTextStyle: {};
+    confirmBtnProps: {};
+    cancelBtnProps: {};
 };
 export {};

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

@@ -83,13 +83,20 @@ export declare const style: (props: RedsAlert) => {
     };
     footerVertical: {
         flexDirection: "column-reverse";
-        justifyContent: "center";
         alignItems: "center";
         height: number;
+        paddingHorizontal: number;
+    };
+    cancelButton: {
+        flex: number;
+        width: number;
+        margin: number;
+        paddingHorizontal: number;
+        height: number;
     };
     button: {
         flex: number;
-        width: "100%";
+        width: number;
         margin: number;
         paddingHorizontal: number;
         height: number;
@@ -101,14 +108,43 @@ export declare const style: (props: RedsAlert) => {
         flex: number;
         margin: number;
         marginLeft: number;
-        width: "100%";
+        width: number;
         height: number;
+        paddingHorizontal: number;
     };
     verButton: {
         flex: number;
         width: "100%";
         margin: number;
+        marginLeft: number;
+        marginTop: number;
+        marginBottom: number;
+        height: number;
+        paddingHorizontal: number;
+    };
+    verCancelButton: {
+        flex: number;
+        width: "100%";
+        margin: number;
+        marginLeft: number;
         marginTop: number;
+        marginBottom: number;
+        height: number;
+        paddingHorizontal: number;
+    };
+    cancelText: {
+        color: string;
+        fontSize: number;
+    };
+    horizontalLine: {
+        width: "100%";
         height: number;
+        backgroundColor: string;
+    };
+    verticalLine: {
+        width: number;
+        height: number;
+        marginTop: number;
+        backgroundColor: string;
     };
 };

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

@@ -28,3 +28,9 @@ export declare const AvatarDefaultProps: {
     showTag: boolean;
     tagStyle: {};
 };
+export declare const avatarSizeMap: {
+    small: number;
+    medium: number;
+    large: number;
+    xlarge: number;
+};

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

@@ -79,21 +79,20 @@ export declare const getLiveTextStyles: (size: AvatarSize, liveIcon: any) => {
             alignItems: "center";
             justifyContent: "center";
             backgroundColor: string;
-            color: string;
             borderRadius: number;
-            textAlign: "center";
             opacity: number;
             zIndex: number;
         };
-        liveTextSmall: {
+        liveSmall: {
             fontSize: number;
             minWidth: number;
             paddingVertical: number;
             display: "flex";
             justifyContent: "center";
             alignItems: "center";
+            paddingHorizontal: number;
         };
-        liveTextMedium: {
+        liveMedium: {
             fontSize: number;
             minWidth: number;
             paddingVertical: number;
@@ -101,7 +100,7 @@ export declare const getLiveTextStyles: (size: AvatarSize, liveIcon: any) => {
             justifyContent: "center";
             alignItems: "center";
         };
-        liveTextLarge: {
+        liveLarge: {
             fontSize: any;
             minWidth: number;
             paddingVertical: number;
@@ -110,7 +109,7 @@ export declare const getLiveTextStyles: (size: AvatarSize, liveIcon: any) => {
             alignItems: "center";
             fontWeight: any;
         };
-        liveTextXLarge: {
+        liveXLarge: {
             fontSize: any;
             minWidth: number;
             paddingVertical: number;
@@ -118,6 +117,30 @@ export declare const getLiveTextStyles: (size: AvatarSize, liveIcon: any) => {
             justifyContent: "center";
             alignItems: "center";
         };
+        liveTextSmall: {
+            fontSize: number;
+            textAlign: "center";
+            color: string;
+            display: "flex";
+            justifyContent: "center";
+            alignItems: "center";
+        };
+        liveTextMedium: {
+            fontSize: number;
+            textAlign: "center";
+            color: string;
+        };
+        liveTextLarge: {
+            fontSize: any;
+            fontWeight: any;
+            textAlign: "center";
+            color: string;
+        };
+        liveTextXLarge: {
+            fontSize: any;
+            textAlign: "center";
+            color: string;
+        };
     };
 };
 export {};