@xhsreds/reds-rn-next 0.11.1-web202512221520 → 0.11.2

package/lib/esm/components/Uploader/utils.js

@@ -1,4 +1,4 @@
-import { e as _typeof } from '../../_chunks/ZEfofTDH.js';
+import { e as _typeof } from '../../_chunks/BcGvf0Pc.js';
 
 var toArray = function toArray(item) {
   return Array.isArray(item) ? item : [item];

package/lib/esm/index.js

@@ -27,7 +27,7 @@ export { i as TextViewType } from './_chunks/Cw5awIcj.js';
 export { default as TextField } from './components/TextField/TextField.js';
 export { i as TextFieldType } from './_chunks/19yRJGdw.js';
 export { default as Uploader } from './components/Uploader/Uploader.js';
-export { i as UploaderType } from './_chunks/CMrgSNfs.js';
+export { i as UploaderType } from './_chunks/C7wEUW-B.js';
 export { default as Stepper } from './components/Stepper/Stepper.js';
 export { i as StepperType } from './_chunks/C0MWVrjO.js';
 export { default as Rate } from './components/Rate/Rate.js';
@@ -61,7 +61,7 @@ export { default as Picker } from './components/Picker/Picker.js';
 export { i as PickerType } from './_chunks/3fnqPSWW.js';
 export { usePicker } from './components/Picker/api.js';
 export { default as Alert } from './components/Alert/Alert.js';
-export { i as AlertType } from './_chunks/VnzL1go0.js';
+export { i as AlertType } from './_chunks/CNx6YBDL.js';
 export { default as alert } from './components/Alert/hooks/alert.js';
 export { default as FAB } from './components/FAB/FAB.js';
 export { i as FABType } from './_chunks/D22mAc_y.js';
@@ -115,6 +115,7 @@ export { default as Result } from './components/Result/Result.js';
 export { i as ResultType } from './_chunks/BKS4Pa1R.js';
 export { default as PullRefresh } from './components/PullRefresh/PullRefresh.js';
 export { i as PullRefreshType } from './_chunks/gC9g4Fr_.js';
+export { default as RefreshControl } from './components/PullRefresh/RefreshControl.js';
 export { default as Icon } from './components/Icon/Icon.js';
 export { a as IconType } from './_chunks/xi-gXLIR.js';
 export { default as Badge } from './components/Badge/Badge.js';
@@ -151,7 +152,7 @@ export { i as SkeletonType } from './_chunks/7_ZK_tBb.js';
 export { i as SkeletonItemType } from './_chunks/DZNKkp8Z.js';
 export { i as ImageType } from './_chunks/JYqI07V8.js';
 export { default as Image69 } from './components/Image/Image69.js';
-import './_chunks/ZEfofTDH.js';
+import './_chunks/BcGvf0Pc.js';
 import 'react';
 import 'react-native';
 import './components/SegmentedControl/styles.js';
@@ -205,7 +206,6 @@ import './components/Sheets/styles.js';
 import '@xhs/reder-icon-svg-ReDs_icon';
 import './components/Radio/styles.js';
 import './components/ActionSheets/styles.js';
-import './components/SlimAlert/PortalHost.js';
 import './components/Alert/styles.js';
 import './components/FAB/styles.js';
 import './components/Toast/Toast.js';

package/lib/esm/pvCount/pvData.js

@@ -1,7 +1,7 @@
 import { push, pushByrequestIdleCallback } from '@xhs/reds-apm/src/index.native';
 
 var name = "@xhs/reds-rn-next";
-var version = "0.11.0";
+var version = "0.11.2";
 var author = "贾斌(呀哈) <jiabin@xiaohongshu.com>";
 var license = "ISC";
 var dependencies = {
@@ -10,8 +10,8 @@ var dependencies = {
 	"@xhs/reds-apm": ">=0.0.1",
 	"async-validator": "~4.2.5",
 	dayjs: "*",
-	"react-native-url-polyfill": "*",
-	runes: "~0.4.3"
+	runes: "~0.4.3",
+	"react-native-url-polyfill": "*"
 };
 var publishConfig = {
 	access: "public"
@@ -20,15 +20,15 @@ var peerDependencies = {
 	"@xhs/lottie-react-native": "*",
 	"@xhs/ozone-schema": "*",
 	"@xhs/ozone-schema-web": "*",
-	"@xhs/react-native-harmony": "*",
 	"@xhs/reder-icon-svg-ReDs_icon": "*",
-	"@xhs/reds-components": "*",
 	"@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"
+	"react-native-svg": "13.14.0",
+	"@xhs/react-native-harmony": "*",
+	"@xhs/reds-components": "*"
 };
 var peerDependenciesMeta = {
 	"ozone-schema-web": {
@@ -56,10 +56,6 @@ var scripts = {
 	publish: "echo publish",
 	i18n: "npx i18n-fetch"
 };
-var devDependencies = {
-	"@types/react-dom": "18.2.0",
-	"react-dom": "18.2.0"
-};
 var pack = {
 	name: name,
 	version: version,
@@ -72,8 +68,7 @@ var pack = {
 	overrides: overrides,
 	module: module,
 	types: types,
-	scripts: scripts,
-	devDependencies: devDependencies
+	scripts: scripts
 };
 
 var globalPvData = {};

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\";\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;;;;"}
+{"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/ActionSheets/styles.d.ts

@@ -3,6 +3,7 @@ declare const createStyles: (themeColor: any) => {
         width: "100%";
         borderTopLeftRadius: number;
         borderTopRightRadius: number;
+        overflow: "hidden";
         display: "flex";
         flexDirection: "column";
         maxHeight: number;

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

@@ -31,8 +31,10 @@ export interface RedsAlert {
     offset?: AlertOffset;
     hostName?: string;
     confirmBtnTextStyle?: TextStyle;
+    cancelBtnTextStyle?: TextStyle;
     confirmBtnProps?: any;
     cancelBtnProps?: any;
+    style?: any;
 }
 export interface RedsAlertEvent {
 }
@@ -54,7 +56,9 @@ export declare const AlertDefaultProps: {
     };
     hostName: string;
     confirmBtnTextStyle: {};
+    cancelBtnTextStyle: {};
     confirmBtnProps: {};
     cancelBtnProps: {};
+    style: {};
 };
 export {};

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

@@ -54,87 +54,45 @@ export declare const style: (props: RedsAlert) => {
     messageLeft: {
         textAlign: "left";
     };
-    scrollOverlay: {
-        width: "100%";
-        position: "absolute";
-        left: number;
-        right: number;
-        bottom: number;
-        height: number;
-    };
     footer: {
         width: "100%";
-        height: number;
         flexDirection: "row";
         justifyContent: "space-between";
         paddingTop: number;
     };
-    footerText: {
-        borderTopWidth: number;
-        borderTopColor: string;
-        paddingBottom: number;
-        paddingTop: number;
-        paddingHorizontal: number;
-    };
     footerHorizontal: {
         flexDirection: "row";
+        paddingBottom: number;
         paddingHorizontal: number;
-        paddingVertical: number;
+        gap: number;
     };
     footerVertical: {
         flexDirection: "column-reverse";
         alignItems: "center";
-        height: number;
-        paddingHorizontal: number;
-    };
-    cancelButton: {
-        flex: number;
-        width: number;
-        margin: number;
-        paddingHorizontal: number;
-        height: number;
-    };
-    button: {
-        flex: number;
-        width: number;
-        margin: number;
         paddingHorizontal: number;
         height: number;
     };
     dividerBox: {
         marginTop: number;
     };
-    confirmButton: {
+    cancelButton: {
         flex: number;
-        margin: number;
-        marginLeft: number;
-        width: number;
         height: number;
-        paddingHorizontal: number;
+        alignItems: "center" | "flex-start";
+        paddingTop: number;
     };
-    verButton: {
+    confirmButton: {
         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;
+    confirmButtonText: {
+        fontSize: any;
     };
     cancelText: {
         color: string;
-        fontSize: number;
+        fontSize: any;
+        fontWeight: any;
     };
     horizontalLine: {
         width: "100%";

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

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import { ReactNode } from "react";
 import { ViewStyle, TextStyle } from "react-native";
 export declare const enum ALIGN {

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

@@ -1,3 +1,5 @@
+/// <reference types="react" />
+/// <reference types="node" />
 import { AnimatableNumericValue, DimensionValue, GestureResponderEvent, ImageSourcePropType, ViewStyle } from "react-native";
 export declare enum TLoadStyle {
     LOADING = "loading",

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

@@ -22,6 +22,7 @@ declare const _default: (themeColor: any) => {
         color: any;
         fontSize: number;
         fontWeight: "400";
+        lineHeight: number;
     };
     linkText: {
         color: any;

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

@@ -0,0 +1,10 @@
+import React from "react";
+interface IOSRefreshControlProps {
+    onRefresh: () => void;
+    refreshing: boolean;
+    progressViewOffset?: number;
+    height?: number;
+    style?: any;
+}
+declare const IOSRefreshControl: ({ onRefresh, refreshing, progressViewOffset, style }: IOSRefreshControlProps) => React.JSX.Element;
+export default IOSRefreshControl;

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

@@ -1,4 +1,5 @@
 import PullRefresh from "./PullRefresh";
 import * as PullRefreshType from "./interface";
+import RefreshControl from "./RefreshControl";
 export default PullRefresh;
-export { PullRefresh, PullRefreshType };
+export { PullRefresh, PullRefreshType, RefreshControl };

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

@@ -19,6 +19,7 @@ export interface RedsPullRefresh {
     nativeAndroidPullRefresh?: boolean;
     androidRefreshProps?: Object;
     androidColors?: string[];
+    onPullProgress?: any;
 }
 export declare enum PullState {
     INIT = 0,// 初始化

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

@@ -1,3 +1,5 @@
+/// <reference types="react" />
+/// <reference types="node" />
 import { ViewStyle } from "react-native";
 import { IconType } from "../../Icon";
 export type IconFunction = (props: {

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

@@ -1,3 +1,5 @@
+/// <reference types="react" />
+/// <reference types="node" />
 import { ViewStyle } from "react-native";
 export interface RedsSlider {
     value?: number;

package/lib/src/components/SlimAlert/Alert.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { RedsAlert } from "./interface";
-declare const Alert: (props: RedsAlert) => React.JSX.Element;
+declare const Alert: React.FC<RedsAlert>;
 export default Alert;

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

@@ -1,3 +1,5 @@
+/// <reference types="react" />
+/// <reference types="node" />
 export declare const enum VideoSize {
     VERTICAL = "vertical",
     HORIZONTAL = "horizontal"

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

@@ -3,6 +3,7 @@ declare const createStyles: (themeColor: any) => {
         width: "100%";
         borderTopLeftRadius: number;
         borderTopRightRadius: number;
+        overflow: "hidden";
         display: "flex";
         flexDirection: "column";
         maxHeight: number;

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

@@ -31,8 +31,10 @@ export interface RedsAlert {
     offset?: AlertOffset;
     hostName?: string;
     confirmBtnTextStyle?: TextStyle;
+    cancelBtnTextStyle?: TextStyle;
     confirmBtnProps?: any;
     cancelBtnProps?: any;
+    style?: any;
 }
 export interface RedsAlertEvent {
 }
@@ -54,7 +56,9 @@ export declare const AlertDefaultProps: {
     };
     hostName: string;
     confirmBtnTextStyle: {};
+    cancelBtnTextStyle: {};
     confirmBtnProps: {};
     cancelBtnProps: {};
+    style: {};
 };
 export {};

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

@@ -54,87 +54,45 @@ export declare const style: (props: RedsAlert) => {
     messageLeft: {
         textAlign: "left";
     };
-    scrollOverlay: {
-        width: "100%";
-        position: "absolute";
-        left: number;
-        right: number;
-        bottom: number;
-        height: number;
-    };
     footer: {
         width: "100%";
-        height: number;
         flexDirection: "row";
         justifyContent: "space-between";
         paddingTop: number;
     };
-    footerText: {
-        borderTopWidth: number;
-        borderTopColor: string;
-        paddingBottom: number;
-        paddingTop: number;
-        paddingHorizontal: number;
-    };
     footerHorizontal: {
         flexDirection: "row";
+        paddingBottom: number;
         paddingHorizontal: number;
-        paddingVertical: number;
+        gap: number;
     };
     footerVertical: {
         flexDirection: "column-reverse";
         alignItems: "center";
-        height: number;
-        paddingHorizontal: number;
-    };
-    cancelButton: {
-        flex: number;
-        width: number;
-        margin: number;
-        paddingHorizontal: number;
-        height: number;
-    };
-    button: {
-        flex: number;
-        width: number;
-        margin: number;
         paddingHorizontal: number;
         height: number;
     };
     dividerBox: {
         marginTop: number;
     };
-    confirmButton: {
+    cancelButton: {
         flex: number;
-        margin: number;
-        marginLeft: number;
-        width: number;
         height: number;
-        paddingHorizontal: number;
+        alignItems: "center" | "flex-start";
+        paddingTop: number;
     };
-    verButton: {
+    confirmButton: {
         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;
+    confirmButtonText: {
+        fontSize: any;
     };
     cancelText: {
         color: string;
-        fontSize: number;
+        fontSize: any;
+        fontWeight: any;
     };
     horizontalLine: {
         width: "100%";

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

@@ -22,6 +22,7 @@ declare const _default: (themeColor: any) => {
         color: any;
         fontSize: number;
         fontWeight: "400";
+        lineHeight: number;
     };
     linkText: {
         color: any;

package/lib/types/components/PullRefresh/RefreshControl.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface IOSRefreshControlProps {
+    onRefresh: () => void;
+    refreshing: boolean;
+    progressViewOffset?: number;
+    height?: number;
+    style?: any;
+}
+declare const IOSRefreshControl: ({ onRefresh, refreshing, progressViewOffset, style }: IOSRefreshControlProps) => React.JSX.Element;
+export default IOSRefreshControl;

package/lib/types/components/PullRefresh/index.d.ts

@@ -1,4 +1,5 @@
 import PullRefresh from "./PullRefresh";
 import * as PullRefreshType from "./interface";
+import RefreshControl from "./RefreshControl";
 export default PullRefresh;
-export { PullRefresh, PullRefreshType };
+export { PullRefresh, PullRefreshType, RefreshControl };

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

@@ -19,6 +19,7 @@ export interface RedsPullRefresh {
     nativeAndroidPullRefresh?: boolean;
     androidRefreshProps?: Object;
     androidColors?: string[];
+    onPullProgress?: any;
 }
 export declare enum PullState {
     INIT = 0,// 初始化

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

@@ -1,4 +1,4 @@
 import React from "react";
 import { RedsAlert } from "./interface";
-declare const Alert: (props: RedsAlert) => React.JSX.Element | null;
+declare const Alert: React.FC<RedsAlert>;
 export default Alert;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xhsreds/reds-rn-next",
-  "version": "0.11.1-web202512221520",
+  "version": "0.11.2",
   "author": "贾斌(呀哈) <jiabin@xiaohongshu.com>",
   "license": "ISC",
   "dependencies": {
@@ -9,8 +9,8 @@
     "@xhs/reds-apm": ">=0.0.1",
     "async-validator": "~4.2.5",
     "dayjs": "*",
-    "react-native-url-polyfill": "*",
-    "runes": "~0.4.3"
+    "runes": "~0.4.3",
+    "react-native-url-polyfill": "*"
   },
   "publishConfig": {
     "access": "public"
@@ -19,15 +19,15 @@
     "@xhs/lottie-react-native": "*",
     "@xhs/ozone-schema": "*",
     "@xhs/ozone-schema-web": "*",
-    "@xhs/react-native-harmony": "*",
     "@xhs/reder-icon-svg-ReDs_icon": "*",
-    "@xhs/reds-components": "*",
     "lottie-react-native": "7.1.0",
     "react": "*",
     "react-native": "*",
     "react-native-fs": "2.20.0",
     "react-native-svg": "13.14.0",
-    "@xhsreds/reds-token-next": "0.11.0"
+    "@xhs/react-native-harmony": "*",
+    "@xhs/reds-components": "*",
+    "@xhsreds/reds-token-next": "0.11.2"
   },
   "peerDependenciesMeta": {
     "ozone-schema-web": {
@@ -42,10 +42,6 @@
   },
   "module": "./src/index.ts",
   "types": "./lib/types/index.d.ts",
-  "devDependencies": {
-    "@types/react-dom": "18.2.0",
-    "react-dom": "18.2.0"
-  },
   "scripts": {
     "test": "vitest --coverage",
     "bench": "vitest bench --outputJson benchmarks/out.json",

package/src/components/ActionSheets/ActionSheets.tsx

@@ -80,17 +80,31 @@ const ActionSheets = forwardRef((props: RedsActionSheets, ref) => {
         ) : (
           <></>
         )}
-        <ScrollView>
-          {props?.data?.map((item) => (
-            <TouchableWithoutFeedback onPress={() => handleClick(item.value)} key={`${item.label}${item.value}`}>
-              <View style={[styles.action, { backgroundColor: themeColor.Bg2 }]}>
-                <Text style={getActionStyles(item.type as ActionType)}>{item.label}</Text>
-                {item.desc ? <Text style={getActionDescStyles(colorMode)}>{item.desc}</Text> : <></>}
-              </View>
-            </TouchableWithoutFeedback>
-          ))}
-          {children}
-        </ScrollView>
+        {children?.length > 4 || (props?.data?.length || 0) > 4 ? (
+          <ScrollView>
+            {props?.data?.map((item, index) => (
+              <TouchableWithoutFeedback onPress={() => handleClick(item.value)} key={`${item.label}${item.value}`}>
+                <View style={[styles.action, { backgroundColor: themeColor.Bg2 }]}>
+                  <Text style={getActionStyles(item.type as ActionType)}>{item.label}</Text>
+                  {item.desc ? <Text style={getActionDescStyles(colorMode)}>{item.desc}</Text> : <></>}
+                </View>
+              </TouchableWithoutFeedback>
+            ))}
+            {children}
+          </ScrollView>
+        ) : (
+          <>
+            {props?.data?.map((item) => (
+              <TouchableWithoutFeedback onPress={() => handleClick(item.value)} key={`${item.label}${item.value}`}>
+                <View style={[styles.action, { backgroundColor: themeColor.Bg2 }]}>
+                  <Text style={getActionStyles(item.type as ActionType)}>{item.label}</Text>
+                  {item.desc ? <Text style={getActionDescStyles(colorMode)}>{item.desc}</Text> : <></>}
+                </View>
+              </TouchableWithoutFeedback>
+            ))}
+            {children}
+          </>
+        )}
         {props.cancel ? (
           <TouchableWithoutFeedback onPress={handleClose}>
             <View style={[styles.cancel, { backgroundColor: themeColor.Bg2 }]}>
@@ -102,7 +116,6 @@ const ActionSheets = forwardRef((props: RedsActionSheets, ref) => {
         ) : (
           <></>
         )}
-        <View style={[{ height: bottom, width: "100%", backgroundColor: themeColor.Bg }, props.safeAreaStyle]}></View>
       </View>
     </AnimatedSheets>
   );

package/src/components/ActionSheets/styles.ts

@@ -6,6 +6,7 @@ const createStyles = (themeColor: any) => {
       width: "100%",
       borderTopLeftRadius: 12,
       borderTopRightRadius: 12,
+      overflow: "hidden",
       display: "flex",
       flexDirection: "column",
       maxHeight: Dimensions.get("window").height / 2,

package/src/components/ActionablePopover/ActionablePopover.tsx

@@ -223,9 +223,6 @@ export default ({
               }}
               onPressOut={(e) => {
                 trigger === "touch" && onMaskChange(e, false);
-                if (Platform.OS === "web" && trigger === "click") {
-                  onMaskChange(e, true);
-                }
               }}
             >
               <View