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

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

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

@@ -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/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;

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

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

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