@xhsreds/reds-rn-next 0.10.1-beta202512101131 → 0.10.1-beta202512111732

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

@@ -1,6 +1,6 @@
 import Uploader from './Uploader.js';
-export { i as UploaderType } from '../../_chunks/eYElHgNc.js';
-import '../../_chunks/CAkwE9ZD.js';
+export { i as UploaderType } from '../../_chunks/CMrgSNfs.js';
+import '../../_chunks/ZEfofTDH.js';
 import 'react';
 import 'react-native';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';

package/lib/esm/components/Uploader/interface/index.js

@@ -1,3 +1,3 @@
-import '../../../_chunks/CAkwE9ZD.js';
-export { a as UploadContainerStyle, b as UploadImage, c as UploadImageStyle, d as UploaderDefaultProps, e as UploaderSize, U as UploaderType } from '../../../_chunks/eYElHgNc.js';
+import '../../../_chunks/ZEfofTDH.js';
+export { a as UploadContainerStyle, b as UploadImage, c as UploadImageStyle, d as UploaderDefaultProps, e as UploaderSize, U as UploaderType } from '../../../_chunks/CMrgSNfs.js';
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 import { StyleSheet } from 'react-native';
-import { e as UploaderSize } from '../../_chunks/eYElHgNc.js';
+import { e as UploaderSize } from '../../_chunks/CMrgSNfs.js';
 import { typography } from '@xhsreds/reds-token-next';
-import '../../_chunks/CAkwE9ZD.js';
+import '../../_chunks/ZEfofTDH.js';
 
 var uploadSizeMap = {
   normal: 80,

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

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

package/lib/esm/i18n/index.js

@@ -1,3 +1,34 @@
+var zh_cn = {
+	componentKey: {
+		sureKey: "确定",
+		satisfyKey: "满意",
+		confirmKey: "确认",
+		uploadingKey: "上传中",
+		resetKey: "重置",
+		NoDataKey: "暂无数据",
+		liveStreamingKey: "直播",
+		generallyKey: "一般",
+		uploadFailedKey: "上传失败",
+		submitKey: "提交",
+		requestSuccessfulKey: "请求成功",
+		cancelKey: "取消",
+		PullDownToRefreshKey: "下拉刷新",
+		selectAllKey: "全选",
+		requestDataKey: "请求数据中",
+		closeKey: "收起",
+		veryBadKey: "极差",
+		searchKey: "搜索",
+		expandKey: "展开",
+		IDCardPhotoKey: "身份证人像面",
+		finishKey: "完成",
+		surpriseKey: "惊喜",
+		releaseRefreshKey: "松开刷新",
+		nationalEmblemSideOfIDCardKey: "身份证国徽面",
+		buttonKey: "按钮",
+		jumpKey: "跳转",
+		disappointmentKey: "失望"
+	}
+};
 var zh_tw = {
 	componentKey: {
 		sureKey: "確定",
@@ -60,41 +91,10 @@ var en_us = {
 		disappointmentKey: "Disappointment"
 	}
 };
-var zh_cn = {
-	componentKey: {
-		sureKey: "确定",
-		satisfyKey: "满意",
-		confirmKey: "确认",
-		uploadingKey: "上传中",
-		resetKey: "重置",
-		NoDataKey: "暂无数据",
-		liveStreamingKey: "直播",
-		generallyKey: "一般",
-		uploadFailedKey: "上传失败",
-		submitKey: "提交",
-		requestSuccessfulKey: "请求成功",
-		cancelKey: "取消",
-		PullDownToRefreshKey: "下拉刷新",
-		selectAllKey: "全选",
-		requestDataKey: "请求数据中",
-		closeKey: "收起",
-		veryBadKey: "极差",
-		searchKey: "搜索",
-		expandKey: "展开",
-		IDCardPhotoKey: "身份证人像面",
-		finishKey: "完成",
-		surpriseKey: "惊喜",
-		releaseRefreshKey: "松开刷新",
-		nationalEmblemSideOfIDCardKey: "身份证国徽面",
-		buttonKey: "按钮",
-		jumpKey: "跳转",
-		disappointmentKey: "失望"
-	}
-};
 var i18n = {
+	zh_cn: zh_cn,
 	zh_tw: zh_tw,
-	en_us: en_us,
-	zh_cn: zh_cn
+	en_us: en_us
 };
 
 export { i18n as default, en_us, zh_cn, zh_tw };

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/eYElHgNc.js';
+export { i as UploaderType } from './_chunks/CMrgSNfs.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';
@@ -53,7 +53,7 @@ export { default as Slider } from './components/Slider/Slider.js';
 export { i as SliderType } from './_chunks/BwgGhxV7.js';
 export { default as AnimatedSheets } from './components/Sheets/AnimatedSheets.js';
 export { default as Sheets } from './components/Sheets/Sheets.js';
-export { i as SheetsType } from './_chunks/C4jyXYEi.js';
+export { i as SheetsType } from './_chunks/DMjPllnU.js';
 export { default as useAnimatedSheets, useSheets } from './components/Sheets/api.js';
 export { default as PickerView } from './components/PickerView/PickerView.js';
 export { i as PickerViewType } from './_chunks/DcCfwG0m.js';
@@ -146,11 +146,12 @@ export { formatNumber } from './components/Search/utils/index.js';
 export { i as SearchType } from './_chunks/TtMjzpIl.js';
 export { default as ActionablePopover } from './components/ActionablePopover/ActionablePopover.js';
 export { i as ActionablePopoverType } from './_chunks/Bd6SD27t.js';
+import 'react-native-url-polyfill/auto';
 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/CAkwE9ZD.js';
+import './_chunks/ZEfofTDH.js';
 import 'react';
 import 'react-native';
 import './components/SegmentedControl/styles.js';
@@ -220,7 +221,7 @@ import './components/List/styles.js';
 import './components/Skeleton/Skeleton.js';
 import './components/Skeleton/Item/SkeletonItem.js';
 import './components/Skeleton/Item/styles.js';
-import 'react-native-svg';
+import '@xhs/reds-components/libs/svg';
 import './components/Skeleton/styles.js';
 import './components/Skeleton/Skeleton69.js';
 import './components/Skeleton/Item/SkeletonItem69.js';

package/lib/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/esm/pvCount/pvData.js

@@ -27,7 +27,8 @@ var peerDependencies = {
 	"react-native": "*",
 	"react-native-fs": "2.20.0",
 	"react-native-svg": "13.14.0",
-	"@xhs/react-native-harmony": "*"
+	"@xhs/react-native-harmony": "*",
+	"@xhs/reds-components": "*"
 };
 var peerDependenciesMeta = {
 	"ozone-schema-web": {

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

@@ -3,15 +3,14 @@ import { RedsSheets, SheetsMaskMode, SheetsType, SheetsIconType, SheetsActionTyp
 declare const Sheets: {
     (props: RedsSheets): React.JSX.Element;
     defaultProps: {
+        /** icon wrapper */
         label: string;
         mask: boolean;
         maskMode: SheetsMaskMode;
         sheetsType: SheetsType;
         cancel: boolean;
         close: boolean;
-        zIndex: number; /**
-         * 关闭Sheets
-         */
+        zIndex: number;
         cancelType: SheetsActionType;
         closeType: SheetsActionType;
         iconType: SheetsIconType;
@@ -29,6 +28,8 @@ declare const Sheets: {
         onImmediateConfirm: () => void;
         avoidSheetsMove: boolean;
         headlerLayout: string;
+        openAnimation: {};
+        closeAnimation: {};
     };
 };
 export default Sheets;

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

@@ -27,6 +27,12 @@ export declare const enum AnimatedSheetsSize {
     auto = "auto",
     fixed = "fixed"
 }
+export interface SheetAnimationConfig {
+    /** Duration in milliseconds. Default: 150 */
+    duration?: number;
+    /** Easing function. Default: Easing.ease for sheet, Easing.linear for mask */
+    easing?: (value: number) => number;
+}
 export interface RedsSheets {
     label?: string;
     mask?: boolean;
@@ -57,6 +63,14 @@ export interface RedsSheets {
     onImmediateConfirm?: () => void;
     avoidSheetsMove?: boolean;
     headlerLayout?: "center" | "left";
+    openAnimation?: {
+        duration?: number;
+        easing?: (value: number) => number;
+    };
+    closeAnimation?: {
+        duration?: number;
+        easing?: (value: number) => number;
+    };
 }
 export interface RedsSheetsEvent {
 }
@@ -85,4 +99,6 @@ export declare const SheetsDefaultProps: {
     onImmediateConfirm: () => void;
     avoidSheetsMove: boolean;
     headlerLayout: string;
+    openAnimation: {};
+    closeAnimation: {};
 };

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

@@ -3,15 +3,14 @@ import { RedsSheets, SheetsMaskMode, SheetsType, SheetsIconType, SheetsActionTyp
 declare const Sheets: {
     (props: RedsSheets): React.JSX.Element;
     defaultProps: {
+        /** icon wrapper */
         label: string;
         mask: boolean;
         maskMode: SheetsMaskMode;
         sheetsType: SheetsType;
         cancel: boolean;
         close: boolean;
-        zIndex: number; /**
-         * 关闭Sheets
-         */
+        zIndex: number;
         cancelType: SheetsActionType;
         closeType: SheetsActionType;
         iconType: SheetsIconType;
@@ -29,6 +28,8 @@ declare const Sheets: {
         onImmediateConfirm: () => void;
         avoidSheetsMove: boolean;
         headlerLayout: string;
+        openAnimation: {};
+        closeAnimation: {};
     };
 };
 export default Sheets;

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

@@ -27,6 +27,12 @@ export declare const enum AnimatedSheetsSize {
     auto = "auto",
     fixed = "fixed"
 }
+export interface SheetAnimationConfig {
+    /** Duration in milliseconds. Default: 150 */
+    duration?: number;
+    /** Easing function. Default: Easing.ease for sheet, Easing.linear for mask */
+    easing?: (value: number) => number;
+}
 export interface RedsSheets {
     label?: string;
     mask?: boolean;
@@ -57,6 +63,14 @@ export interface RedsSheets {
     onImmediateConfirm?: () => void;
     avoidSheetsMove?: boolean;
     headlerLayout?: "center" | "left";
+    openAnimation?: {
+        duration?: number;
+        easing?: (value: number) => number;
+    };
+    closeAnimation?: {
+        duration?: number;
+        easing?: (value: number) => number;
+    };
 }
 export interface RedsSheetsEvent {
 }
@@ -85,4 +99,6 @@ export declare const SheetsDefaultProps: {
     onImmediateConfirm: () => void;
     avoidSheetsMove: boolean;
     headlerLayout: string;
+    openAnimation: {};
+    closeAnimation: {};
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xhsreds/reds-rn-next",
-  "version": "0.10.1-beta202512101131",
+  "version": "0.10.1-beta202512111732",
   "author": "贾斌(呀哈) <jiabin@xiaohongshu.com>",
   "license": "ISC",
   "dependencies": {
@@ -26,7 +26,8 @@
     "react-native-fs": "2.20.0",
     "react-native-svg": "13.14.0",
     "@xhs/react-native-harmony": "*",
-    "@xhsreds/reds-token-next": "0.10.1-beta202512101131"
+    "@xhs/reds-components": "*",
+    "@xhsreds/reds-token-next": "0.10.1-beta202512111732"
   },
   "peerDependenciesMeta": {
     "ozone-schema-web": {

package/rollup.config.js

@@ -59,6 +59,12 @@ module.exports = [
       //   fileName: "[name][extname]",
       // }),
     ],
-    external: [...externalDeps, ...externalPeerDeps],
+    external: (id) => {
+      // Check if the import is external (from dependencies or peerDependencies)
+      // This handles both exact matches and sub-path imports (e.g., @xhs/reds-components/libs/svg)
+      return [...externalDeps, ...externalPeerDeps].some((dep) => {
+        return id === dep || id.startsWith(dep + "/");
+      });
+    },
   },
 ];

package/src/components/Icon/Icon.72.tsx

@@ -1,6 +1,6 @@
 import React, { useCallback, useMemo } from "react";
 import { GestureResponderEvent, Image, TouchableOpacity } from "react-native";
-import { SvgXml } from "react-native-svg";
+import { SvgXml } from "@xhs/reds-components/libs/svg";
 import { RedsIcon, IconDefaultProps, iconType } from "./interface/index";
 const Icon: React.FC<RedsIcon> = (props) => {
   const { size, fill, onClick, icon } = props || {};

package/src/components/Icon/test/index.test.tsx

@@ -3,11 +3,11 @@ import React from "react";
 import { render, fireEvent } from "@testing-library/react-native";
 import { describe, it, expect, vi } from "vitest";
 import Icon, { IconType } from "../index";
-import { SvgXml } from "react-native-svg";
+import { SvgXml } from "@xhs/reds-components/libs/svg";
 import { RedsIcon, IconDefaultProps } from "../interface/index";
 
 // Mock SvgXml
-vi.mock("react-native-svg", () => ({
+vi.mock("@xhs/reds-components/libs/svg", () => ({
   SvgXml: ({ xml }: { xml: string }) => <svg>{xml}</svg>,
 }));
 

package/src/components/Image/CircularProgress.tsx

@@ -1,7 +1,7 @@
 import { lightColor } from "@xhs/reds-token-next";
 import React, { useEffect, useRef } from "react";
 import { View, Animated, StyleSheet } from "react-native";
-import Svg, { Circle, G } from "react-native-svg";
+import Svg, { Circle, G } from "@xhs/reds-components/libs/svg";
 
 const AnimatedCircle = Animated.createAnimatedComponent(Circle);
 

package/src/components/List/ListItem/ArrowRight.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import Svg, { Path } from "react-native-svg";
+import Svg, { Path } from "@xhs/reds-components/libs/svg";
 
 const ArrowRight: React.FC = () => {
   return (

package/src/components/PullRefresh/Refresh.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useRef, useMemo } from "react";
 import { View, StyleSheet, Animated, Easing } from "react-native";
-import Svg, { Path } from "react-native-svg";
+import Svg, { Path } from "@xhs/reds-components/libs/svg";
 
 const AnimatedPath = Animated.createAnimatedComponent(Path);
 

package/src/components/Sheets/AnimatedSheets.tsx

@@ -56,6 +56,8 @@ const AnimatedSheets = forwardRef((props: RedsSheets, ref) => {
     close,
     iconType,
     size,
+    openAnimation,
+    closeAnimation,
   } = props;
 
   const themeColor = useThemeColor();
@@ -181,8 +183,8 @@ const AnimatedSheets = forwardRef((props: RedsSheets, ref) => {
     Animated.timing(translateY, {
       toValue: 0, // 移动到目标位置（顶部）
       useNativeDriver: true,
-      duration: 150,
-      easing: Easing.ease,
+      duration: openAnimation?.duration ?? 150,
+      easing: openAnimation?.easing ?? Easing.ease,
     }).start();
   };
 
@@ -243,9 +245,9 @@ const AnimatedSheets = forwardRef((props: RedsSheets, ref) => {
       }
       Animated.timing(opacityValue, {
         toValue: _visible && mask ? 1 : 0,
-        duration: 150,
+        duration: _visible ? openAnimation?.duration ?? 150 : closeAnimation?.duration ?? 150,
         useNativeDriver: true, // 使用原生驱动
-        easing: Easing.linear, // 动画缓动函数
+        easing: _visible ? openAnimation?.easing ?? Easing.linear : closeAnimation?.easing ?? Easing.linear,
       }).start(() => {
         setShowMask(_visible);
       });
@@ -351,8 +353,8 @@ const AnimatedSheets = forwardRef((props: RedsSheets, ref) => {
       Animated.timing(translateY, {
         toValue: screenHeight || Dimensions.get("screen").height, // 移动到屏幕底部
         useNativeDriver: true,
-        duration: 150,
-        easing: Easing.ease,
+        duration: closeAnimation?.duration ?? 150,
+        easing: closeAnimation?.easing ?? Easing.ease,
       }).start((data) => {
         if (data.finished) {
           onAnimatedOut?.();
@@ -370,8 +372,8 @@ const AnimatedSheets = forwardRef((props: RedsSheets, ref) => {
       Animated.timing(translateY, {
         toValue: screenHeight || Dimensions.get("screen").height, // 移动到屏幕底部
         useNativeDriver: true,
-        duration: 150,
-        easing: Easing.ease,
+        duration: closeAnimation?.duration ?? 150,
+        easing: closeAnimation?.easing ?? Easing.ease,
       }).start((data) => {
         if (data.finished) {
           onAnimatedOut?.();

package/src/components/Sheets/doc/index.mdx

@@ -38,6 +38,16 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
 | onImmediateConfirm | 点击确定弹窗立即执行               | () => void             | () => {}                |
 | avoidSheetsMove    | 安卓上是否阻止键盘弹出弹窗位置上移 | boolean                | false                   |
 | headlerLayout      | headlerLayout                      | "center" | "left" | center                  |
+| openAnimation      | openAnimation                      | {                      |
+
+    duration?: number;
+    easing?: (value: number) => number;
+
+} | `{}` |
+| closeAnimation | closeAnimation | {
+duration?: number;
+easing?: (value: number) => number;
+} | `{}` |
 
 ### Events
 

package/src/components/Sheets/interface/index.ts

@@ -33,6 +33,13 @@ export const enum AnimatedSheetsSize {
   auto = "auto",
   fixed = "fixed",
 }
+
+export interface SheetAnimationConfig {
+  /** Duration in milliseconds. Default: 150 */
+  duration?: number;
+  /** Easing function. Default: Easing.ease for sheet, Easing.linear for mask */
+  easing?: (value: number) => number;
+}
 export interface RedsSheets {
   label?: string;
   mask?: boolean;
@@ -63,6 +70,14 @@ export interface RedsSheets {
   onImmediateConfirm?: () => void;
   avoidSheetsMove?: boolean;
   headlerLayout?: "center" | "left";
+  openAnimation?: {
+    duration?: number;
+    easing?: (value: number) => number;
+  };
+  closeAnimation?: {
+    duration?: number;
+    easing?: (value: number) => number;
+  };
 }
 
 export interface RedsSheetsEvent {}
@@ -91,4 +106,6 @@ export const SheetsDefaultProps = {
   onImmediateConfirm: () => {},
   avoidSheetsMove: false,
   headlerLayout: "center",
+  openAnimation: {},
+  closeAnimation: {},
 };

package/src/components/Skeleton/Item/SkeletonItem.tsx

@@ -3,7 +3,7 @@ import { View, Easing, Animated, Text } from "react-native";
 import { RedsSkeletonItem, SkeletonItemDefaultProps } from "./interface/index";
 import createStyles from "./styles";
 import { useThemeColor } from "../../ConfigProvider";
-import Svg, { Defs, LinearGradient, Stop, Rect, ClipPath } from "react-native-svg";
+import Svg, { Defs, LinearGradient, Stop, Rect, ClipPath } from "@xhs/reds-components/libs/svg";
 
 const RectAnimation = Animated.createAnimatedComponent(Rect);
 

package/src/i18n/@types/resources.d.ts

@@ -1,32 +1,32 @@
 interface Resources {
   componentKey: {
-    sureKey: "Confirm";
-    satisfyKey: "Satisfy";
-    confirmKey: "Confirm";
-    uploadingKey: "Uploading";
-    resetKey: "Reset";
-    NoDataKey: "No data available at the moment";
-    liveStreamingKey: "live";
-    generallyKey: "Generally";
-    uploadFailedKey: "Upload failed";
-    submitKey: "Submit";
-    requestSuccessfulKey: "Request successful";
-    cancelKey: "Cancel";
-    PullDownToRefreshKey: "Pull down to refresh";
-    selectAllKey: "SelectAll";
-    requestDataKey: "Request data";
-    closeKey: "Close";
-    veryBadKey: "Very bad";
-    searchKey: "Search";
-    expandKey: "Expand";
-    IDCardPhotoKey: "ID card photo";
-    finishKey: "Finish";
-    surpriseKey: "Surprise";
-    releaseRefreshKey: "Release refresh";
-    nationalEmblemSideOfIDCardKey: "National emblem side of ID card";
-    buttonKey: "Button";
-    jumpKey: "Jump";
-    disappointmentKey: "Disappointment";
+    sureKey: "確定";
+    satisfyKey: "滿意";
+    confirmKey: "確認";
+    uploadingKey: "上傳中";
+    resetKey: "重置";
+    NoDataKey: "暫無數據";
+    liveStreamingKey: "直播";
+    generallyKey: "一般";
+    uploadFailedKey: "上傳失敗";
+    submitKey: "提交";
+    requestSuccessfulKey: "請求成功";
+    cancelKey: "取消";
+    PullDownToRefreshKey: "下拉重繪";
+    selectAllKey: "全選";
+    requestDataKey: "請求數據中";
+    closeKey: "收起";
+    veryBadKey: "極差";
+    searchKey: "蒐索";
+    expandKey: "展開";
+    IDCardPhotoKey: "身份證人像面";
+    finishKey: "完成";
+    surpriseKey: "驚喜";
+    releaseRefreshKey: "鬆開重繪";
+    nationalEmblemSideOfIDCardKey: "身份证国徽面";
+    buttonKey: "按鈕";
+    jumpKey: "跳轉";
+    disappointmentKey: "失望";
   };
 }
 export default Resources;

package/src/i18n/index.json

@@ -1,4 +1,35 @@
 {
+  "zh_tw": {
+    "componentKey": {
+      "sureKey": "確定",
+      "satisfyKey": "滿意",
+      "confirmKey": "確認",
+      "uploadingKey": "上傳中",
+      "resetKey": "重置",
+      "NoDataKey": "暫無數據",
+      "liveStreamingKey": "直播",
+      "generallyKey": "一般",
+      "uploadFailedKey": "上傳失敗",
+      "submitKey": "提交",
+      "requestSuccessfulKey": "請求成功",
+      "cancelKey": "取消",
+      "PullDownToRefreshKey": "下拉重繪",
+      "selectAllKey": "全選",
+      "requestDataKey": "請求數據中",
+      "closeKey": "收起",
+      "veryBadKey": "極差",
+      "searchKey": "蒐索",
+      "expandKey": "展開",
+      "IDCardPhotoKey": "身份證人像面",
+      "finishKey": "完成",
+      "surpriseKey": "驚喜",
+      "releaseRefreshKey": "鬆開重繪",
+      "nationalEmblemSideOfIDCardKey": "身份证国徽面",
+      "buttonKey": "按鈕",
+      "jumpKey": "跳轉",
+      "disappointmentKey": "失望"
+    }
+  },
   "en_us": {
     "componentKey": {
       "sureKey": "Confirm",
@@ -60,36 +91,5 @@
       "jumpKey": "跳转",
       "disappointmentKey": "失望"
     }
-  },
-  "zh_tw": {
-    "componentKey": {
-      "sureKey": "確定",
-      "satisfyKey": "滿意",
-      "confirmKey": "確認",
-      "uploadingKey": "上傳中",
-      "resetKey": "重置",
-      "NoDataKey": "暫無數據",
-      "liveStreamingKey": "直播",
-      "generallyKey": "一般",
-      "uploadFailedKey": "上傳失敗",
-      "submitKey": "提交",
-      "requestSuccessfulKey": "請求成功",
-      "cancelKey": "取消",
-      "PullDownToRefreshKey": "下拉重繪",
-      "selectAllKey": "全選",
-      "requestDataKey": "請求數據中",
-      "closeKey": "收起",
-      "veryBadKey": "極差",
-      "searchKey": "蒐索",
-      "expandKey": "展開",
-      "IDCardPhotoKey": "身份證人像面",
-      "finishKey": "完成",
-      "surpriseKey": "驚喜",
-      "releaseRefreshKey": "鬆開重繪",
-      "nationalEmblemSideOfIDCardKey": "身份证国徽面",
-      "buttonKey": "按鈕",
-      "jumpKey": "跳轉",
-      "disappointmentKey": "失望"
-    }
   }
 }