@xhsreds/reds-rn-next 0.8.4-image-optimization202510222117 → 0.9.1-beta202510271511

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

@@ -8,8 +8,7 @@ export declare const enum DROPDOWNITEMTYPE {
 }
 export declare const enum MULTIPLEOPTIONCOLUMN {
     TWO = 2,
-    THREE = 3,
-    FOUR = 4
+    THREE = 3
 }
 export interface SelectItem {
     value: string;
@@ -24,12 +23,17 @@ export interface RedsDropDown {
     filterType?: FILTER_TYPE;
     onReset?: () => void;
     onConfirm?: () => void;
+    onClose?: () => void;
     finishText?: string;
     resetText?: string;
     tabStyle?: ViewStyle;
     dropdownItemContainerStyle?: ViewStyle;
     children: ReactNode[];
     filter?: React.ReactNode;
+    header?: any;
+    maskStyle?: any;
+    tabLayout?: string;
+    onChange?: (key: string, index: number) => void;
 }
 export interface RedsDropDownEvent {
 }
@@ -38,8 +42,10 @@ export declare const DropDownDefaultProps: {
     filterType: FILTER_TYPE;
     onReset: () => void;
     onConfirm: () => void;
+    onClose: () => void;
     tabStyle: {};
     dropdownItemContainerStyle: {};
+    onChange: () => void;
 };
 export interface RedsDropDownItem {
     /**

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

@@ -6,7 +6,7 @@ declare const styles: {
     };
     DropDownContainer: {
         width: "100%";
-        maxHeight: "75%";
+        maxHeight: number;
         position: "relative";
     };
     DropDownItemWrapper: {
@@ -88,7 +88,6 @@ declare const styles: {
         justifyContent: "center";
         flexDirection: "row";
         marginTop: number;
-        marginBottom: number;
         borderRadius: number;
     };
     multiActiveContainer: {
@@ -99,7 +98,6 @@ declare const styles: {
         justifyContent: "center";
         flexDirection: "row";
         marginTop: number;
-        marginBottom: number;
         borderRadius: number;
     };
     multiNormalText: {
@@ -122,6 +120,7 @@ declare const styles: {
         height: number;
         boxSizing: string;
         width: "100%";
+        marginBottom: number;
     };
     input: {
         height: "100%";

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

@@ -17,6 +17,7 @@ export interface RedsFAB {
     iconLeft?: React.ReactNode;
     iconRight?: React.ReactNode;
     onClick?: (value: GestureResponderEvent) => void;
+    style?: any;
 }
 export interface RedsFABEvent {
 }
@@ -27,4 +28,5 @@ export declare const FABDefaultProps: {
     right: number;
     bottom: number;
     horizontalCenter: boolean;
+    style: {};
 };

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

@@ -2,7 +2,7 @@ import React from "react";
 import { ImageProps } from "react-native";
 import { RedsImage, TErrorStyle, TLoadStyle } from "./interface/index";
 declare const _default: React.MemoExoticComponent<{
-    ({ src, source: _source, width, height, borderRadius, errorStyle, loadStyle, style, abortApmCollection, fadeDuration, onFirstDrawFinished, apmBiz, ...props }: RedsImage & Omit<ImageProps, keyof RedsImage>): React.JSX.Element;
+    ({ src, source: _source, width, height, borderRadius, errorStyle, loadStyle, style, abortApmCollection, fadeDuration, onFirstDrawFinished, ...props }: RedsImage & Omit<ImageProps, keyof RedsImage>): React.JSX.Element;
     defaultProps: {
         style: {};
         loadStyle: TLoadStyle;
@@ -11,6 +11,7 @@ declare const _default: React.MemoExoticComponent<{
         abortApmCollection: boolean;
         onFirstDrawFinished: () => void;
         fadeDuration: number;
+        format: boolean;
     };
 }>;
 export default _default;

package/lib/src/components/Image/Image69.d.ts

@@ -11,6 +11,7 @@ declare const _default: React.MemoExoticComponent<{
         abortApmCollection: boolean;
         onFirstDrawFinished: () => void;
         fadeDuration: number;
+        format: boolean;
     };
 }>;
 export default _default;

package/lib/src/components/Image/hook/index.d.ts

@@ -9,4 +9,3 @@ export declare const useBlur: ({ source }: {
 }) => {
     uri: string;
 };
-export { useImageId } from "./useImageId";

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

@@ -2,7 +2,7 @@
 import Image69 from "./Image69";
 import * as ImageType from "./interface";
 declare const ImageComponent: import("react").MemoExoticComponent<{
-    ({ src, source: _source, width, height, borderRadius, errorStyle, loadStyle, style, abortApmCollection, fadeDuration, onFirstDrawFinished, apmBiz, ...props }: ImageType.RedsImage & Omit<import("react-native").ImageProps, keyof ImageType.RedsImage>): import("react").JSX.Element;
+    ({ src, source: _source, width, height, borderRadius, errorStyle, loadStyle, style, abortApmCollection, fadeDuration, onFirstDrawFinished, ...props }: ImageType.RedsImage & Omit<import("react-native").ImageProps, keyof ImageType.RedsImage>): import("react").JSX.Element;
     defaultProps: {
         style: {};
         loadStyle: ImageType.TLoadStyle;
@@ -11,6 +11,7 @@ declare const ImageComponent: import("react").MemoExoticComponent<{
         abortApmCollection: boolean;
         onFirstDrawFinished: () => void;
         fadeDuration: number;
+        format: boolean;
     };
 }>;
 export default ImageComponent;

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

@@ -42,6 +42,7 @@ export interface RedsImage {
     apmBiz?: ApmBiz;
     onFirstDrawFinished?: (e: Event) => void;
     fadeDuration?: number;
+    format?: boolean;
 }
 export interface RedsImageEvent {
 }
@@ -53,6 +54,7 @@ export declare const ImageDefaultProps: {
     abortApmCollection: boolean;
     onFirstDrawFinished: () => void;
     fadeDuration: number;
+    format: boolean;
 };
 export interface ImageTrackerProps {
     /**

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

@@ -13,6 +13,8 @@ export interface RedsListItem {
     prefixStyle?: ViewStyle;
     children?: ReactNode;
     contentStyle?: ViewStyle;
+    badgeActionContent?: string;
+    badgeTitleContent?: string;
 }
 declare const ListItem: React.FC<RedsListItem>;
 export default ListItem;

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/Popover/Popover.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { RedsPopover } from "./interface/index";
-declare const _default: ({ mode, opacity, content, children, isControl, placement, closeOnClickAgain, trigger, zIndex, visible, onVisibleChange, onClickMask: _onClickMask, popContainerStyle, arrowStyles: propsArrowStyles, offset, duration, hostName, maxWidth, arrowOffset, }: RedsPopover) => React.JSX.Element;
+declare const _default: ({ mode, opacity, content, children, isControl, placement, closeOnClickAgain, trigger, zIndex, visible, onVisibleChange, onClickMask: _onClickMask, popContainerStyle, arrowStyles: propsArrowStyles, offset, duration, animation_duration, hostName, maxWidth, arrowOffset, }: RedsPopover) => React.JSX.Element;
 export default _default;

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

@@ -12,6 +12,7 @@ export interface RedsPopover {
     mode?: "light" | "dark" | "alwaysLight" | "alwaysDark";
     trigger?: "click" | "touch";
     duration?: number;
+    animation_duration?: number;
     zIndex?: number;
     popContainerStyle?: ViewStyle;
     closeOnClickAgain?: boolean;

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