@xhsreds/reds-rn-next 0.8.4-fix-callbacks202510011427 → 0.9.0

package/lib/esm/pvCount/pvData.js

@@ -1,6 +1,88 @@
+import { push, pushByrequestIdleCallback } from '@xhs/reds-apm/src/index.native';
+
+var name = "@xhs/reds-rn-next";
+var version = "0.9.0";
+var author = "贾斌(呀哈) <jiabin@xiaohongshu.com>";
+var license = "ISC";
+var dependencies = {
+	"@types/runes": "~0.4.3",
+	"@xhs/i18n-fetch": "*",
+	"@xhs/reds-apm": ">=0.0.1",
+	"async-validator": "~4.2.5",
+	dayjs: "*",
+	runes: "~0.4.3",
+	"react-native-url-polyfill": "*"
+};
+var publishConfig = {
+	access: "public"
+};
+var peerDependencies = {
+	"@xhs/lottie-react-native": "*",
+	"@xhs/ozone-schema": "*",
+	"@xhs/ozone-schema-web": "*",
+	"@xhs/reder-icon-svg-ReDs_icon": "*",
+	"@xhsreds/reds-token-next": "workspace:*",
+	"lottie-react-native": "7.1.0",
+	react: "*",
+	"react-native": "*",
+	"react-native-fs": "2.20.0",
+	"react-native-svg": "13.14.0",
+	"@xhs/react-native-harmony": "*"
+};
+var peerDependenciesMeta = {
+	"ozone-schema-web": {
+		optional: true
+	},
+	"lottie-react-native": {
+		optional: true
+	}
+};
+var overrides = {
+	"react-native": "0.72.5"
+};
+var module = "./src/index.ts";
+var types = "./lib/types/index.d.ts";
+var scripts = {
+	test: "vitest --coverage",
+	bench: "vitest bench --outputJson benchmarks/out.json",
+	clear: "rm -rf ./node_modules && rm -rf ./lib",
+	build: "rm -rf ./lib/* && rollup -c && rm -rf ./types && npm run build:types && npm run i18n",
+	"build:types": "tsc && tsc --project tsconfig.dts.json",
+	watch: "concurrently -c 'auto' \"npm:watch:*\" ",
+	"watch:component": "rollup -c -w",
+	"watch:types": "tsc -w",
+	"watch:mainfest": "pnpm --filter @xhs/reds-common run watch:rn",
+	publish: "echo publish",
+	i18n: "npx i18n-fetch"
+};
+var pack = {
+	name: name,
+	version: version,
+	author: author,
+	license: license,
+	dependencies: dependencies,
+	publishConfig: publishConfig,
+	peerDependencies: peerDependencies,
+	peerDependenciesMeta: peerDependenciesMeta,
+	overrides: overrides,
+	module: module,
+	types: types,
+	scripts: scripts
+};
+
 var globalPvData = {};
 var pushGlobalData = function pushGlobalData() {
   if (Object.keys(globalPvData).length) {
+    push({
+      context_artifactName: "reds-rn-next",
+      context_aritfactVersion: pack.version,
+      measurement_name: "reds_component_usage_pv",
+      measurement_data: {
+        packageName: process.env.APP_NAME,
+        packageVersion: process.env.APP_VERSION,
+        pvData: JSON.stringify(globalPvData)
+      }
+    });
     globalPvData = {};
   }
 };
@@ -10,6 +92,7 @@ var pvCount = function pvCount(componentName) {
   } else {
     globalPvData[componentName]++;
   }
+  pushByrequestIdleCallback(pushGlobalData);
 };
 
 export { pushGlobalData, pvCount };

package/lib/esm/pvCount/pvData.js.map

@@ -1 +1 @@
-{"version":3,"file":"pvData.js","sources":["../../../src/pvCount/pvData.ts"],"sourcesContent":["import pack from \"../../package.json\";\n// import { push } from \"@xhs/reds-apm/src/index.native\";\n// import { pushByrequestIdleCallback } from \"@xhs/reds-apm/src/index.native\";\n\nlet globalPvData: Record<string, number> = {};\nexport const pushGlobalData = () => {\n  if (Object.keys(globalPvData).length) {\n    // push({\n    //   context_artifactName: \"reds-rn-next\",\n    //   context_aritfactVersion: pack.version,\n    //   measurement_name: \"reds_component_usage_pv\",\n    //   measurement_data: {\n    //     packageName: process.env.APP_NAME,\n    //     packageVersion: process.env.APP_VERSION,\n    //     pvData: JSON.stringify(globalPvData),\n    //   },\n    // });\n    // 上报完数据后清空数据\n    globalPvData = {};\n  }\n};\n\nexport const pvCount = (componentName: string) => {\n  if (!globalPvData[componentName]) {\n    globalPvData[componentName] = 1;\n  } else {\n    globalPvData[componentName]++;\n  }\n  // pushByrequestIdleCallback(pushGlobalData);\n};\n"],"names":["globalPvData","pushGlobalData","Object","keys","length","pvCount","componentName"],"mappings":"AAIA,IAAIA,eAAuC,EAAC,CAAA;IAC/BC,iBAAiB,SAAjBA,iBAAuB;EAClC,IAAIC,MAAO,CAAAC,IAAA,CAAKH,YAAY,CAAA,CAAEI,MAAQ,EAAA;IAYpCJ,YAAA,GAAe,EAAC,CAAA;AAClB,GAAA;AACF,EAAA;IAEaK,OAAA,GAAU,SAAVA,OAAAA,CAAWC,aAA0B,EAAA;AAC5C,EAAA,IAAA,CAACN,YAAa,CAAAM,aAAa,CAAG,EAAA;AAChCN,IAAAA,YAAA,CAAaM,aAAa,CAAI,GAAA,CAAA,CAAA;AAChC,GAAO,MAAA;IACLN,YAAA,CAAaM,aAAa,CAAA,EAAA,CAAA;AAC5B,GAAA;AAEF;;;;"}
+{"version":3,"file":"pvData.js","sources":["../../../src/pvCount/pvData.ts"],"sourcesContent":["import pack from \"../../package.json\";\nimport { push } from \"@xhs/reds-apm/src/index.native\";\nimport { pushByrequestIdleCallback } from \"@xhs/reds-apm/src/index.native\";\n\nlet globalPvData: Record<string, number> = {};\nexport const pushGlobalData = () => {\n  if (Object.keys(globalPvData).length) {\n    push({\n      context_artifactName: \"reds-rn-next\",\n      context_aritfactVersion: pack.version,\n      measurement_name: \"reds_component_usage_pv\",\n      measurement_data: {\n        packageName: process.env.APP_NAME,\n        packageVersion: process.env.APP_VERSION,\n        pvData: JSON.stringify(globalPvData),\n      },\n    });\n    // 上报完数据后清空数据\n    globalPvData = {};\n  }\n};\n\nexport const pvCount = (componentName: string) => {\n  if (!globalPvData[componentName]) {\n    globalPvData[componentName] = 1;\n  } else {\n    globalPvData[componentName]++;\n  }\n  pushByrequestIdleCallback(pushGlobalData);\n};\n"],"names":["globalPvData","pushGlobalData","Object","keys","length","push","context_artifactName","context_aritfactVersion","pack","version","measurement_name","measurement_data","packageName","process","env","APP_NAME","packageVersion","APP_VERSION","pvData","JSON","stringify","pvCount","componentName","pushByrequestIdleCallback"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAIA,eAAuC,EAAC,CAAA;IAC/BC,iBAAiB,SAAjBA,iBAAuB;EAClC,IAAIC,MAAO,CAAAC,IAAA,CAAKH,YAAY,CAAA,CAAEI,MAAQ,EAAA;AAC/BC,IAAAA,IAAA,CAAA;AACHC,MAAAA,oBAAsB,EAAA,cAAA;MACtBC,yBAAyBC,IAAK,CAAAC,OAAA;AAC9BC,MAAAA,gBAAkB,EAAA,yBAAA;AAClBC,MAAAA,gBAAkB,EAAA;AAChBC,QAAAA,WAAA,EAAaC,QAAQC,GAAI,CAAAC,QAAA;AACzBC,QAAAA,cAAA,EAAgBH,QAAQC,GAAI,CAAAG,WAAA;AAC5BC,QAAAA,MAAA,EAAQC,IAAK,CAAAC,SAAA,CAAUpB,YAAY,CAAA;AACrC,OAAA;AACF,KAAC,CAAA,CAAA;IAEDA,YAAA,GAAe,EAAC,CAAA;AAClB,GAAA;AACF,EAAA;IAEaqB,OAAA,GAAU,SAAVA,OAAAA,CAAWC,aAA0B,EAAA;AAC5C,EAAA,IAAA,CAACtB,YAAa,CAAAsB,aAAa,CAAG,EAAA;AAChCtB,IAAAA,YAAA,CAAasB,aAAa,CAAI,GAAA,CAAA,CAAA;AAChC,GAAO,MAAA;IACLtB,YAAA,CAAasB,aAAa,CAAA,EAAA,CAAA;AAC5B,GAAA;EACAC,yBAAA,CAA0BtB,cAAc,CAAA,CAAA;AAC1C;;;;"}

package/lib/src/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/src/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/src/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/src/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/src/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/src/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;
@@ -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/src/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/src/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/src/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/src/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/src/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/src/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: any[];
-        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/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

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