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

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

package/lib/types/components/Button/styleMap.d.ts

@@ -16,6 +16,7 @@ export declare const getStyles: (props: RedsButton) => {
         shadowRadius: number;
         elevation: number;
         borderRadius: number;
+        boxSizing: string;
     } | {
         display: "flex";
         justifyContent: "center";
@@ -25,6 +26,7 @@ export declare const getStyles: (props: RedsButton) => {
         borderWidth: number;
         borderStyle: "solid";
         borderRadius: number;
+        boxSizing: string;
     } | {
         display: "flex";
         justifyContent: "center";
@@ -33,6 +35,7 @@ export declare const getStyles: (props: RedsButton) => {
         alignSelf: "center";
         border: string;
         borderRadius: number;
+        boxSizing: string;
     };
     disabledButton: {
         backgroundColor?: string | undefined;
@@ -42,6 +45,7 @@ export declare const getStyles: (props: RedsButton) => {
         borderColor: string;
     };
     block: {
+        alignSelf: "stretch";
         width: "100%";
     };
 };
@@ -49,7 +53,6 @@ export declare const getSizeStyles: (props: RedsButton) => {
     button: {
         height: number;
         width: number;
-        paddingVertical: number;
     } | {
         height: number;
         minWidth: number;
@@ -58,88 +61,83 @@ export declare const getSizeStyles: (props: RedsButton) => {
         alignItems: "center";
         paddingLeft: number;
         paddingRight: number;
-        paddingVertical: number;
     };
     text: {
         fontSize: any;
         fontWeight: any;
+        textAlign: "center";
     };
 } | {
     button: {
         height: number;
         width: number;
-        paddingVertical: number;
     } | {
         height: number;
         minWidth: number;
         display: "flex";
         justifyContent: "center";
         alignItems: "center";
-        paddingVertical: number;
     };
     text: {
         fontSize: any;
         fontWeight: any;
+        textAlign: "center";
     };
 } | {
     button: {
         height: number;
         width: number;
-        paddingVertical: number;
     } | {
         height: number;
         minWidth: number;
         paddingHorizontal: number;
-        paddingVertical: number;
     };
     text: {
         fontSize: any;
         fontWeight: any;
+        textAlign: "center";
     };
 } | {
     button: {
         height: number;
         width: number;
-        paddingVertical: number;
     } | {
         height: number;
         minWidth: number;
         paddingHorizontal: number;
-        paddingVertical: number;
     };
     text: {
         fontSize: any;
         fontWeight: any;
+        textAlign: "center";
     };
 } | {
     button: {
         height: number;
         width: number;
-        paddingVertical: number;
     } | {
         height: number;
         minWidth: number;
         paddingHorizontal: number;
-        paddingVertical: number;
     };
     text: {
         fontSize: any;
         fontWeight: any;
+        textAlign: "center";
     };
 } | {
     button: {
         height: number;
         width: number;
-        paddingVertical: number;
     } | {
         height: number;
         minWidth: number;
         paddingHorizontal: number;
-        paddingVertical: number;
     };
     text: {
         fontSize: any;
         fontWeight: any;
+        textAlign: "center";
     };
 };
 export declare const getVariantStyles: (props: RedsButton) => {
@@ -170,7 +168,6 @@ export declare const getVariantStyles: (props: RedsButton) => {
     button: {
         borderColor: string;
         backgroundColor: string;
-        boxSizing: string;
     };
     text: {
         color: string;

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

@@ -35,6 +35,10 @@ export interface RedsCarousel {
     onClick?: (value: any, index: number) => void;
     style?: ViewStyle;
     direction?: "horizontal" | "vertical" | string;
+    infinite?: boolean;
+    dotStyle?: any;
+    activeDotStyle?: any;
+    handlable?: boolean;
 }
 export interface RedsCarouselEvent {
 }
@@ -54,4 +58,8 @@ export declare const CarouselDefaultProps: {
     distance: number;
     style: {};
     direction: string;
+    infinite: boolean;
+    dotStyle: {};
+    activeDotStyle: {};
+    handlable: boolean;
 };

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

@@ -113,4 +113,10 @@ export declare const getStyles: (themeColor: any) => {
         flexDirection: "row";
         alignItems: "center";
     };
+    flexStart: {
+        display: "flex";
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "flex-start";
+    };
 };

package/lib/types/components/Collapse/Item/styles.d.ts

@@ -2,6 +2,10 @@ declare const createStyles: (size: string) => {
     header: {
         paddingVertical: number;
         paddingHorizontal: number;
+        display: "flex";
+        flexDirection: "row";
+        justifyContent: "space-between";
+        alignItems: "center";
     };
     title: {
         color: string;
@@ -10,10 +14,7 @@ declare const createStyles: (size: string) => {
         lineHeight: any;
     };
     content: {
-        paddingTop: number;
-        paddingBottom: number;
-        paddingLeft: number;
-        paddingRight: number;
+        fontSize: any;
     };
 };
 export default createStyles;

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

@@ -6,6 +6,9 @@ export interface ICollapseContext {
     removeActiveValue?: (key: string | number) => void;
     size?: "Large" | "Medium" | "Small";
     activeValue?: Array<string | number>;
+    isMulti?: boolean;
+    unregisterChild: (val: any) => void;
+    registerChild: (val: any) => void;
 }
 export interface RedsCollapse {
     activeValue?: ActiveValueType;

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

@@ -1,7 +1,7 @@
 export interface RedsDivider {
     direction?: "primary" | "secondary" | "horizontal" | "vertical";
     orientation?: "left" | "center" | "right";
-    size?: number;
+    size?: number | string;
     margin?: [number | string, number | string] | undefined;
     color?: string;
     stroke?: number;

package/lib/types/components/DropDown/DropDown.d.ts

@@ -1,16 +1,4 @@
 import React from "react";
-import { RedsDropDown, FILTER_TYPE } from "./interface/index";
-declare const DropDown: {
-    (props: RedsDropDown): React.JSX.Element;
-    defaultProps: {
-        options: never[];
-        filterType: FILTER_TYPE;
-        onReset: () => void; /**
-         * 当前tab
-         */
-        onConfirm: () => void;
-        tabStyle: {};
-        dropdownItemContainerStyle: {};
-    };
-};
+import { RedsDropDown } from "./interface/index";
+declare const DropDown: React.ForwardRefExoticComponent<RedsDropDown & React.RefAttributes<unknown>>;
 export default DropDown;

package/lib/types/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/types/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/types/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/types/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/types/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/types/components/Image/hook/index.d.ts

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

package/lib/types/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/types/components/Image/interface/index.d.ts

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

package/lib/types/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/types/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/types/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/types/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/types/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/types/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/types/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/types/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;